Animations with Reanimated
1h 14m 21s
English
Paid
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 Animations with Reanimated
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | Course Introduction | 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 |
Similar courses to Animations with Reanimated
![React Native With React Hooks & React Query:High Performance](https://cdn.courseflix.net/courses/100x56/react-native-with-react-hooks-react-query-high-performance.jpg?d=1739918384156)
React Native With React Hooks & React Query:High Performanceudemy
Category: React Native
Duration 3 hours 7 minutes 39 seconds
Course
![The Ultimate React Native Series: Fundamentals](https://cdn.courseflix.net/courses/100x56/the-ultimate-react-native-series-fundamentals.jpg?d=1739918384156)
The Ultimate React Native Series: Fundamentalscodewithmosh (Mosh Hamedani)
Category: React Native
Duration 6 hours 17 minutes 40 seconds
Course
![Mission: Launch Your First App](https://cdn.courseflix.net/courses/100x56/mission-launch-your-first-app.jpg?d=1739918384156)
Mission: Launch Your First AppSimon Grimm
Category: React Native
Duration 9 hours 2 minutes 48 seconds
Course
![React Native](https://cdn.courseflix.net/courses/100x56/react-native.jpg?d=1739918384156)
React Nativeui.dev (ex. Tyler McGinnis)
Category: React Native
Duration 3 hours 46 minutes 29 seconds
Course
![The Full Stack Mobile Developer](https://cdn.courseflix.net/courses/100x56/the-full-stack-mobile-developer.jpg?d=1739918384156)
The Full Stack Mobile DeveloperVadim Savin (notjust.dev)
Category: React Native
Duration 34 hours 29 minutes 50 seconds
Course
![Testing React Native Apps](https://cdn.courseflix.net/courses/100x56/testing-react-native-apps.jpg?d=1739918384156)
Testing React Native AppsSimon Grimm
Category: React Native
Duration 1 hour 13 minutes 31 seconds
Course
![A Complete React Native Course - Redux - Context API - 2020](https://cdn.courseflix.net/courses/100x56/a-complete-react-native-course-redux-context-api-2020.jpg?d=1739918384156)
A Complete React Native Course - Redux - Context API - 2020udemy
Category: React Native, Redux
Duration 7 hours 42 seconds
Course
![React Native - The Practical Guide [2024 Edition]](https://cdn.courseflix.net/courses/100x56/react-native-the-practical-guide-2021-edition.jpg?d=1739918384156)
React Native - The Practical Guide [2024 Edition]udemyAcademind Pro
Category: React Native
Duration 28 hours 33 minutes 46 seconds
Course
![Deeplinks with Expo Router](https://cdn.courseflix.net/courses/100x56/deeplinks-with-expo-router.jpg?d=1739918384156)
Deeplinks with Expo RouterSimon Grimm
Category: React Native
Duration 56 minutes 43 seconds
Course