A Novel Approach to Declarative Animations in React Native
summary
Claim: a strictly declarative animation approach for react native using animatable replaces imperative Animated code. Demonstration builds falling money with separate keyframes for fall swing and flip, composes them, and runs with the native animation driver so 15 then 100 items still render at 60 fps. The code is reusable keyframe objects, stateless components, and the demo shows it works and scales without dropping frames.
AI-written summary · about
chapters (9)
- 0:00Start
- 4:25Learnability
- 9:42Attention-Seeking
- 14:30Intro to Css Animations
- 15:01Animations
- 15:29Animatable
- 18:55Swinging Motion
- 19:56Flipping of the Image
- 21:42Recap
related talks
27mDeclarative future of gestures and animations in React Native
28mDemystifying complex animations creation process in React Native
30mMicrointeractions & Animations in React Native: Help users understand the UI
23mAnimated
25mReact Native <3 60FPS -- Improving React Native animations>
27mMoving Beyond Animations to User Interactions at 60 FPS in React Native
46mAnimations in React Native
28mThe Power of Interpolation