Microinteractions & Animations in React Native: Help users understand the UI
summary
Concrete claims, code and results decide: demos include a dating app, swipe cards, seat selection and a morphing feedback form, with links to each repo; libraries shown include the built-in Animated API, react-native-animatable (62 built‑in animations), react-native-reanimated (runs on the native thread, 60fps), Pose and drag spring; shared‑element transitions and fluid navigation are implemented; physics‑based springs and staggered sequences actually run smoothly on device; surprisingly the deck ends at 99 slides not 100.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 1:00User Experience
- 3:50Natural Interaction
- 5:40Micro Interaction
- 12:35Code
- 12:56Animation Libraries
- 13:07Animated API
- 16:37React Native Reanimated
- 18:16Pose
- 19:46Dragspring
- 21:58Transitions
- 24:47Transitions Tips
- 25:15Dynamic Animations
- 26:28Interconnected animations
related talks
36mMake Your Apps Move! Awesome Animations with React Native ⚡️
35mReact Native: Building Fluid User Experiences
28mDemystifying complex animations creation process in React Native
21mMicrointeractions: The Little Big Things
31mAnimations in React Native
17mThe art of React Native: How to make your app stand out
46mAnimations in React Native
22mCan it be done in React Native