Reanimate.dev

[BaDshaH]

Released 8/2024
MP4 | Video: h264, 1920x1080 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 16 Lessons ( 8h 36m ) | Size: 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.

Wine improves with time, and so will this course. You will always have access to all the changes and new tutorials.

What's included?
Source code access
Detailed Tutorials
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
Inspiration
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
Inspiration
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
Inspiration
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
Inspiration
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
Inspiration
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
Inspiration
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
Inspiration
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
Inspiration
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

Homepage

[To see links please register or login]

[To see links please register or login]