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

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

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

The Ultimate React Native Series: Advanced Concepts

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
Push Notifications with Expo

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
React Native

React Native

Sources: ui.dev (ex. Tyler McGinnis)
The description is simple - learn how to create an iOS and Android React Native app that you submit to both the App Store and the Google Play store. With over 7 hours of video, ...
3 hours 46 minutes 29 seconds
Expo Router Fullstack Apps

Expo Router Fullstack Apps

Sources: Simon Grimm
In this course, you will learn how to build fullstack apps with Expo Router v3 and React Native. We will dive into Expo Router and the file-based routing...
1 hour 39 minutes 18 seconds
React Native: Advanced Concepts

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