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

Master React Native Navigation

Master React Native NavigationSimon Grimm

Category: React Native
Duration 1 hour 13 minutes 29 seconds
React Native Apps with Supabase

React Native Apps with SupabaseSimon Grimm

Category: React Native
Duration 1 hour 25 minutes 32 seconds
Universal AI Recorder with NativeWind, Clerk & Drizzle

Universal AI Recorder with NativeWind, Clerk & DrizzleSimon Grimm

Category: React Native
Duration 2 hours 1 minute 21 seconds
The Full Stack Mobile Developer

The Full Stack Mobile DeveloperVadim Savin (notjust.dev)

Category: React Native
Duration 34 hours 29 minutes 50 seconds
React Native Maps & Google Places API

React Native Maps & Google Places APISimon Grimm

Category: React Native
Duration 52 minutes 55 seconds
State Management with Zustand

State Management with ZustandSimon Grimm

Category: React Native
Duration 56 minutes 13 seconds
Expo Router Fullstack Apps

Expo Router Fullstack AppsSimon Grimm

Category: React Native
Duration 1 hour 39 minutes 18 seconds
React Native With React Hooks & React Query:High Performance

React Native With React Hooks & React Query:High Performanceudemy

Category: React Native
Duration 3 hours 7 minutes 39 seconds
SQLite с React Native

SQLite с React NativeSimon Grimm

Category: React Native
Duration 1 hour 10 minutes 25 seconds
TanStack Query, Zustand & Animations

TanStack Query, Zustand & AnimationsSimon Grimm

Category: React Native
Duration 2 hours 9 minutes 53 seconds