Introduction to React Native Reanimated 2
In this tutorial, we’ll learn the basics of React Native Reanimated package. We will understand why Reanimated is the best choice for dealing with animations in React Native and when it could be useful.
My React Native animations course: https://reanimate.dev
Shared 100+ Animations on Demos: https://reactiive.io/demos
Twitter: / reactiive_
Written article: https://reactiive.io/articles/introdu...
Source code: https://github.com/enzomanuelmangano/...
The main concepts we'll explore are:
Reanimated Worklets
useSharedValue
useAnimatedStyle
High order Animations (withTiming, withSpring & withRepeat)
Reanimated docs: https://docs.swmansion.com/react-nati...
Chapters:
00:00 Introduction
01:20 Let's animate opacity withTiming
07:03 Animate scale and borderRadius
11:30 withRepeat
14:55 When are worklets useful?