Introducing on

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 loop

Learn about

14: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
About me

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.

About me

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.

Simon Grimm

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

Kacper Kapuściak

React Native Open Source Developer @swmansion

The course looks really stunning, and the curriculum is well thought out. Great job Enzo👏