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
Watch Online Animations with Reanimated
0:00
/ #1: Course Introduction
All Course Lessons (12)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionComments
0 commentsSimilar courses
Native Modules with Expo
Sources: Simon Grimm
In this course, you’ll learn how to use the Expo SDK to access the native APIs on iOS and Android. Go beyond the basics of the Expo SDK, harness the power of...
1 hour 25 minutes 26 seconds
The Ultimate React Native Series: Advanced Concepts
Sources: codewithmosh (Mosh Hamedani)
Master advanced techniques and best practices for building professional-quality apps.
5 hours 28 minutes 42 seconds
reanimate.dev
Sources: Enzo Manuel Mangano
Discover the beauty of animations in React Native. Dive into the world of animations with this course, which will help you master both basic and advanced techni
8 hours 35 minutes 52 seconds
React Native: Advanced Concepts
Sources: udemy, Stephen Grider
All of my courses are 'learn-by-doing': no boring endless lectures with Powerpoints, only live, interactive coding examples. In this course we'll build three separate apps with...
16 hours 35 minutes 38 seconds
AnimateReactNative.com - Premium and Custom React Native animations
Sources: Catalin Miron
Why spend hours reinventing the wheel when you can leverage our extensive collection of animation components? Whether you're looking for eye-catching effects...
Want to join the conversation?
Sign in to comment