Animations in React Native

on YouTube ↗31m

" summary

How to create animations in React Native using the Animated API, including building a parallax-on-scroll bounce effect and using interpolations for static and interactive animations. It covers React Native as an abstraction layer (including react-native-web used by Twitter PWA) and shows how learning Animated applies even outside full React Native projects.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 3:17Declarative API and performance
3. 9:11Performance with Native Driver
4. 11:00Advanced interpolations and effects
5. 15:55Scroll-based interactive animations
6. 25:50Other animation tools
7. 27:54Gestures and libraries
8. 30:03Resources and conclusion

" related talks

• 30mMicrointeractions & Animations in React Native: Help users understand the UICatalin Miron · React Day Berlin 2019
• 28mDemystifying complex animations creation process in React NativeVladimir Novick · React Native EU 2018
• 46mAnimations in React NativeNiya Panamdanam · Connect.Tech 2021
• 44mHow Animations Work Under the Hood in React NativeEvgeniy Prokopev · HolyJS 2023 Spring
• 36mMake Your Apps Move! Awesome Animations with React Native ⚡️Luca Caputo · Voxxed Days Ticino 2025
• 28mThe Power of InterpolationMike Grabowski · React Day Berlin 2017
• 23mAnimatedChristopher Chedeau · React Rally 2015
• 35mReact Native: Building Fluid User ExperiencesSpencer Ahrens · ReactEurope 2015