Unlock the beauty of React Native animations
Dive deep into the world of React Native animations with this course, designed to guide you from the basics to advanced techniques.
Registration will reopen in 2025
Stay in the loop14:00
Animated Square Bouncing
To build a castle, it's always important to start from the foundation. In this tutorial we will define together the fundamental building blocks for making animations
- Exploring Shared Values
- withTiming, withSpring and more
19:42
Exploring Pan Gestures
It's amazing what you can achieve with simple gestures. In this video we'll find out how to coordinate gestures with Shared Values.
- The Gesture Detector
- The useDerivedValue hook
18:00
Spatial Tap Gestures
Tapping around is always fun, but what if we could animating things while we tap? In this tutorial we'll explore the possibilities of tap gestures and how to react to them.
- Learning Tap Gestures
- The useAnimatedReaction hook
31:27
Parallax Animation
The parallax effect is a classic in the world of animations. Have you ever wondered how to create it? That's what this tutorial is all about.
- Listening for the scrollOffset
- The secrets behind the interpolate function
32:06
Animated Text
Animating a text can easily boost the user experience of your app. In this tutorial we'll learn how to do it by fully relying on the UI Thread.
- Redash & Animateable Text
- Let's taste a bit of Skia
48:28
Scroll Progress Text
Learning the animation building blocks is fun. Combining them together is just fulfilling. In this tutorial we'll learn how to animate a text while scrolling by combining text animations with scroll animations.
- The useAnimatedScrollHandler hook
- Coordinate states as a Finite State Machine
52:00
Shared Transitions
Let's be honest, shared transitions are the coolest thing ever. In this tutorial we'll see how to use them to taste the future of React Native animations.
- Expo Router & Expo Blur
- Shared Element Transition
31:57
Layout Animations
No matter what's the question, layout animations are always the answer. In this tutorial we'll discover all the secrets behind layout animations.
- Entering, Exiting & Keyframes animations
- Layout Transitions
44:00
Family Number Input
The Family app is just the pure demonstration of how animations can make a difference in the user experience. In this tutorial we'll learn how to recreate a simplified version of their number input.
- Layout Animation on steroids
- Custom Tap Gestures
35:43
The beauty of Skia
Skia is the salt that makes the dish taste better. In this tutorial we'll learn the basics of Skia and how to use it to enhance our animations.
- The Skia Canvas
- Custom Gradients
35:00
Animated Graph Preview
Graphs are the best way to visualize data. In this tutorial we'll learn how to create a graph preview, deeply inspired by Steddy, with Skia.
- Skia Path
- The usePathInterpolation hook
31:25
Draw & Animate through a Path
Drawing and animating along a path can be tricky. In this tutorial, we’ll walk through how to use Skia and Reanimated together to bring animations to life.
- Drawing a Path (UI Thread)
- SkContourMeasure & interpolate
37:21
Bezier Curve
Bezier Curves are a fundamental concept in vector graphics, used to create smooth, curved paths. In this tutorial we'll learn how to create and define a custom Bezier Curve animation using Skia.
- Animating Control Points on a Skia Canvas
25:05
Gestures within a Canvas
Using a Canvas is always fun, but how can you interact with the elements? This tutorial has the answers you're looking for.
- Handling Gestures (again)
- Clip & Masks
42:06
Bottom Tab Animation
It's time to integrate animations in your navigation system. In this tutorial we'll learn how to create a custom BottomTabBar and attach it to the one from Expo Router.
- Expo Router Integration
- Skia Gradients & Paths
40:09
Image Shader Transitions
When you get shocked by an animation, chances are that you've seen a shader. In this tutorial we'll learn how to create a shader transition between images.
- Building a simple shader transition
- How to reuse and customize existing shaders
39:36
Navigating with Shaders
Shaders are the best way to create stunning transitions. In this tutorial we'll learn how to use shaders to navigate between screens with the power of Skia.
- The makeImageFromSnapshot function
- Reusing Shader Transitions
Hello, I'm Enzo
but you may probably know me as Reactiive 👀
What's my teaching style?
I started my YouTube channel three years ago sharing video tutorials about React Native animations, reaching over 12.000 subscribers.
Learning takes time, and my tutorials embrace this idea.
All of them are designed to be easy to follow and slow-paced. It's about starting with a blank piece of paper and ending with a complete drawing.
It doesn't have to be perfect, but it has to create value.
Your feedback about my content.
I'm always happy to hear from you. Here is some of the feedback I've collected over time about my content.
William Candillon
Co-Author of React Native Skia
Incredible tutorial 🙌🏼 Love the format. Seeing Skia being used so skillfully is incredibly motivating for us going forward. Let's put the pedal to the metal.
Raffi Chilingaryan
Founder @steddyapp
Your content is priceless. Thanks for making RN animations more accessible to all and congrats dude! Very well deserved. 📈🚀
Daehyeon Mun
Indie React Native Dev
One of the great resources where you can learn React Native Animations step by step with beautiful examples.
Simon Grimm
Helping web devs create awesome apps for 8+ years.
Enzo is one of the best when it comes to animations - this looks awesome 🔥
Kacper Kapuściak
React Native Open Source Developer @swmansion
The course looks really stunning, and the curriculum is well thought out. Great job Enzo👏
What about you?
An amazing developer
You can be here too! Just share your feedback about my content on Twitter/X