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
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
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
React Native Mastery - the Ultimate React Native and Expo Course
Sources: Vadim Savin (notjust.dev)
The "React Native Mastery" course offers comprehensive training in mobile development using React Native and Expo. Throughout the course, you will create 7...
15 hours 56 minutes 3 seconds
Event System with Express API and Authentication
Sources: Simon Grimm
Let's create a full-fledged event system with authentication using React Native and Express API. Together, we will go through all the stages of full-stack...
Build a Full-Stack Todo App with Turborepo, tRPC, Next.js, NestJS & React Native
Sources: Michael Guay
Master Turborepo, tRPC, Next.js, NestJS, and React Native by creating a full-stack Todo application with complete type safety and a mobile version.
2 hours 47 minutes 38 seconds