Skip to main content

Animations with Reanimated

1h 14m 21s
English
Paid

Course description

Step into the vibrant world of React Native animations with our comprehensive course, “Animations with Reanimated.” Learn how to craft fluid, engaging animations using the powerful capabilities of Reanimated 3, ensuring your app isn’t just functional but also visually captivating.

Read more about the course

What will I learn?

  • Get introduced to Reanimated 3, understanding its features and advantages for mobile app animations.
  • Master the basics, from sharedValues to animation functions, laying a strong foundation.
  • Explore the magic of layout animations, learning to animate component entry/exits and create shared element transitions between pages.
  • Implement real-world examples like staggered lists and interactive bottom sheets, bringing together everything you’ve learned.
  • Add depth, interactivity, and visual flair to your app, enhancing user engagement.

Watch Online

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 12 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Course Introduction

All Course Lessons (12)

#Lesson TitleDurationAccess
1
Course Introduction Demo
02:22
2
About Reanimated
02:36
3
Setting up Reanimated with Expo
07:42
4
Animating Styles with SharedValues
05:06
5
Using an Animation Function
06:09
6
Animated Components
04:11
7
Enter/Exit Animations
08:53
8
Shared Element Transitions
03:20
9
Custom Worklets & Threads
07:31
10
Staggered List
09:05
11
Fade in on Scroll
06:01
12
Animated Bottom Sheet
11:25

Unlock unlimited learning

Get instant access to all 11 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

React Native: Mobile App Development (CLI) [2024]

React Native: Mobile App Development (CLI) [2024]

Sources: udemy
Unlock the power of React Native and build impressive iOS and Android apps with this comprehensive course. Whether you're a beginner or an experienced developer, this course is ...
19 hours 38 minutes 59 seconds
React Native Firebase Chat with Expo Router

React Native Firebase Chat with Expo Router

Sources: Simon Grimm
Dive into the world of mobile app development with our comprehensive course, “React Native Firebase Chat with Expo Router.” Learn how to use Firebase as the...
1 hour 55 minutes 26 seconds
TanStack Query, Zustand & Animations

TanStack Query, Zustand & Animations

Sources: Simon Grimm
Learn how to use TanStack Query for making API requests and Zustand for managing local state using MMKV as a storage layer...
2 hours 9 minutes 53 seconds
Push Notifications with Expo

Push Notifications with Expo

Sources: Simon Grimm
Embrace the dynamic world of mobile notifications with our comprehensive course, “React Native Notifications with Expo.” Learn the art of crafting engaging...
58 minutes 22 seconds
A Complete React Native Course - Redux - Context API - 2020

A Complete React Native Course - Redux - Context API - 2020

Sources: udemy
A complete course to start react native cross platform mobile application development. This react native course is a beginners level course that will give you e
7 hours 42 seconds