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

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 12 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Course Introduction

All Course Lessons (12)

#Lesson TitleDurationAccess
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 subscription

Comments

0 comments

Want to join the conversation?

Sign in to comment

Similar courses

The Full Stack Mobile Developer

The Full Stack Mobile Developer

Sources: Vadim Savin (notjust.dev)
Join the Full Stack Mobile Developer course and learn the full lifecycle of developing mobile applications. Master both frontend and backend skills by building
34 hours 29 minutes 50 seconds
React Native Mastery - the Ultimate React Native and Expo Course

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
React Native - The Practical Guide [2024 Edition]

React Native - The Practical Guide [2024 Edition]

Sources: udemy, Academind Pro
Mobile apps are one of the best ways to engage with users - no wonder everyone wants to build one! Wouldn't it be great if you could use your web development kn
28 hours 33 minutes 46 seconds
Universal Apps with Tamagui

Universal Apps with Tamagui

Sources: Simon Grimm
Create a universal app with React Native and Tamagui. Learn how to use the same codebase for iOS, Android, and Web. Discover the power of Tamagui in bridging...
1 hour 35 minutes 34 seconds
reanimate.dev

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