English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 16 Lessons (8h 35m) | 2.34 GB
Dive deep into the world of React Native animations with this course, designed to guide you from the basics to advanced techniques.
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 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Table of Contents
1 Welcome to Reanimate.dev
2 Bouncing Square
3 Pan Gesture Handler
4 Spatial Tap Gesture
5 Parallax Animation
6 Animated Text
7 Animated Scrollable Percentage
8 Layout Animations
9 Family Number Input
10 Shared Transitions
11 Skia Magical Button
12 Skia Animated Path
13 Skia Pan Gesture (Again)
14 Bottom Tab Animation
15 Image Shader Transitions
16 Navigating with Shaders
Resolve the captcha to access the links!