Animations and gesture handling in React Native and native languages

on YouTube ↗35m

" summary

Shows two concrete libraries and what they do: reanimated moves animation evaluation to native threads so gesture math and value updates run off the JS bridge, enabling sustained 60fps for pan+pinch+rotate; react-native-gesture-handler exposes a declarative, native-backed gesture API that can be used as a standalone Android/iOS module; includes a working pan/rotate/zoom demo, an Android native example, and notes on when to fall back to custom native modules for CPU‑heavy work.

AI-written summary · about

" chapters (10)

1. 0:00Introduction
2. 1:07Presentation structure
3. 2:24Why React Native
4. 3:18What is React
5. 12:31Limitations of React
6. 17:38Android
7. 21:56React Native Animations
8. 26:58No JavaScript
9. 28:38Native Android
10. 32:25React Native vs Ionic

" related talks

• 28mReact Native Touch & GestureKrzysztof Magiera · React Amsterdam 2017
• 27mDeclarative future of gestures and animations in React NativeKrzysztof Magiera · ReactEurope 2018
• 22mCan it be done in React NativeWilliam Candillon · App.js Conf 2019
• 29mIt all starts with navigationKrzysztof Magiera · React Native EU 2018
• 10mReact Native, your UX superheroNoemi Rozpara · React Alicante 2019
• 46mAnimations in React NativeNiya Panamdanam · Connect.Tech 2021
• 30mMicrointeractions & Animations in React Native: Help users understand the UICatalin Miron · React Day Berlin 2019
• 36mMake Your Apps Move! Awesome Animations with React Native ⚡️Luca Caputo · Voxxed Days Ticino 2025