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://www.reanimate.dev

Written article: https://www.reactiive.io/articles/int...

Support me on Patreon: Patreon: reactiive 🤓
Follow me on Twitter: Twitter: reactiive_

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?

• #education
• #reanimated
• #react_native
• #animations
• #tutorial