Overview
Explore modern animation techniques in React Native with an introduction to Reanimated V2 in this conference talk from React Native EU 2021. Dive into the crucial role of animation in mobile UI development and learn how Reanimated V2 simplifies the mental model for performant animations while offering advanced tools for complex designs. Discover real-world use cases and how to integrate Reanimated V2 into your React Native workflow, even if you're not an animation expert. Follow along as Grant Sander, a software engineer with a background in mathematics and education, guides you through the concepts of Reanimated, including shared values, gestures, and practical code examples. Gain insights into overcoming the challenges posed by the JS-to-Native bridge in React Native animation and enhance your skills in creating smooth, declarative, and performant animations for mobile applications.
Syllabus
Introduction
Animation in RN
What is Reanimated
Conceptual Overview
Hooks
Shared Values
Gestures
Scenarios
Code Example 1
Code Example 2
Taught by
Callstack Engineers