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 commentsWant to join the conversation?
Sign in to commentSimilar courses
Universal AI Recorder with NativeWind, Clerk & Drizzle
Sources: Simon Grimm
Learn how to create a universal AI recorder using NativeWind. Master styling techniques with NativeWind, work with Expo API routes, and create a beautiful...
2 hours 1 minute 21 seconds
React Native With React Hooks & React Query:High Performance
Sources: udemy
This course will get you up and running with React Native quickly, and teach you the core knowledge you need to deeply understand and build React components for
3 hours 7 minutes 39 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...
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
React Native Complete Guide 2023: Zero to Mastery
Sources: udemy
Want to launch and grow your career as a mobile app developer? Learn everything you need to know about React native? This course is for you! This course covers all the topics th...
14 hours 57 minutes 5 seconds