Gestures here. Gestures there. Gestures everywhere!
summary
Demonstrates how React Native gesture work flows from Touchable primitives through PanResponder into the underlying Responder system, and how that enables a swipe-up product detail panel combining ScrollView, Animated values, velocity flicks and snapping. Shows a reusable Interact component that unifies touch effects, reduces boilerplate and speeds prototyping, and a demo store page that actually works with smooth, buttery animations and coordinated bubbling/capture across components.
AI-written summary · about
chapters (17)
- 0:00Start
- 4:00How We Became Gesture Wizards
- 5:57Common Gestures
- 7:56Google Maps
- 9:02How Do I Become a Gesture Wizard
- 11:00Touchable without Feedback
- 12:26Touchable Opacity
- 13:21Touchable Highlight
- 16:21Throttle Your Scroll View
- 17:46Hello World Drag
- 19:00Gesture State
- 25:48Api Inconsistency
- 26:03React Native Source Code
- 26:24Clone Element
- 27:06Rabbit Hole Experiment
- 31:29Final Thoughts
- 32:11React Native Gesture Handlers
related talks
28mReact Native Touch & Gesture
22mCan it be done in React Native
30mMicrointeractions & Animations in React Native: Help users understand the UI
36mMake Your Apps Move! Awesome Animations with React Native ⚡️
35mAnimations and gesture handling in React Native and native languages
35mReact Native: Building Fluid User Experiences
17mThe art of React Native: How to make your app stand out
28mDemystifying complex animations creation process in React Native