Animations Should Be Fun
summary
Shows how Reanimated 3 and Moti drive real UI: shared values, useAnimatedStyle, interpolate and derived values to build performant features — a paged carousel with index math, three sticky behaviors, springy knob physics, and layout reparenting that morphs shared keys. Demonstrates 220 arrows tracking a moving ball (~14,000 math ops/sec) and sustained 60–120 fps, uses 78 prebuilt animations and reusable derived-value patterns, proving these effects actually run smoothly on-device.
AI-written summary · about
chapters (10)
- 0:00Introduction and motivation
- 3:52Reanimated primitives overview
- 6:58Mastering interpolation
- 9:48Carousel animations
- 14:44Sticky elements in scroll
- 18:55Fluid animations with math
- 23:05Layout animations
- 27:21Dynamic list animations
- 28:03Moti library demo
- 30:34Closing and resources
related talks
30mMicrointeractions & Animations in React Native: Help users understand the UI
28mThe Power of Interpolation
23mAnimated
46mAnimations in React Native
44mFunctional Animation
16mAnimation juice in SwiftUI
43mPurpose and Style: Using Motion with Meaning in Interfaces
21mMicrointeractions: The Little Big Things