Skip to main content

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

State Management with Zustand

State Management with Zustand

Sources: Simon Grimm
Enter the world of efficient and intuitive state management with our in-depth course, “React Native State Management with Zustand.” Learn how to effortlessly...
56 minutes 13 seconds
A Complete React Native Course - Redux - Context API - 2020

A Complete React Native Course - Redux - Context API - 2020

Sources: udemy
A complete course to start react native cross platform mobile application development. This react native course is a beginners level course that will give you e
7 hours 42 seconds
React Native Maps & Google Places API

React Native Maps & Google Places API

Sources: Simon Grimm
Unearth the fascinating world of maps integration in your React Native applications with our illuminating course. Navigate through the intricacies of MapView...
52 minutes 55 seconds
Publish React Native Apps to the App Store

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: 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