Moving Beyond Animations to User Interactions at 60 FPS in React Native
summary
Claims that declarative physics engine declarations plus a native driver eliminate bridge chattiness and run dynamic gestures at 60 FPS. Implements snapping, springs, boundaries, localized forces and Animated integration using CADisplayLink-driven physics (inspired by UIKit Dynamics) and ships iOS and Android drivers. Eight demo use cases are implemented, a chat‑heads behavior appears in seven lines of declaration, and the open‑source library and App Store/Google Play demo are working for real devices.
AI-written summary · about
chapters (15)
- 0:00Intro
- 0:30Tal Kol Introduction
- 2:28Beyond Animations
- 3:10Examples
- 5:35Swappable Roads
- 6:05Performance Analysis
- 7:32Java vs React Native
- 8:37The solution
- 9:40Declarative API
- 11:42Snapping
- 12:31Source examples
- 15:15First attempt
- 16:37Second attempt
- 18:14Physics
- 19:41Physics Engine
related talks
30mMicrointeractions & Animations in React Native: Help users understand the UI
25mReact Native <3 60FPS -- Improving React Native animations>
46mAnimations in React Native
27mDeclarative future of gestures and animations in React Native
35mReact Native: Building Fluid User Experiences
29mPerformance Limitations of React Native and How to Overcome Them
22mCan it be done in React Native
10mReact Native, your UX superhero