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
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 commentsWant to join the conversation?
Sign in to commentSimilar courses
React Native Styling Basics
Sources: Simon Grimm
Master the art of styling in React Native with our comprehensive course, “React Native Styling Basics.” Learn how to use the StyleSheet API, the Flexbox...
1 hour 18 minutes 28 seconds
Publish React Native Apps to the App Store
Sources: Simon Grimm
Take the final step in your app development journey and bring your React Native app to the masses! In our course, “Publish React Native Apps to the App...
38 minutes 5 seconds
Mission: Launch Your First App
Sources: Simon Grimm
Mission: Launching Your First App - this is your journey from a novice to an experienced mobile app developer. As part of the course, you will gain access to...
9 hours 2 minutes 48 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