Can it be done in React Native

on YouTube ↗22m

" summary

Claims that complex mobile interactions run at 60fps even on low‑end Android using react-native-gesture-handler and reanimated. Demonstrates patterns: overlayed scroll views for shared animated values, SVG via react‑native‑svg with Expo, and imperative-to-declarative migration. Recreates an award‑winning to‑do app’s pinch gesture: store focal Y, spring the index, overlay two views rotating ±90°, approximate translateZ with scaling based on perspective; iOS looks pixel‑perfect, Android shows limitations around perspective control. The implementations work and reveal where RN reaches its edges.

AI-written summary · about

" chapters (7)

1. 0:00Introduction to the talk
2. 1:39Rules of the game
3. 6:14Common patterns and recipes
4. 9:52Libraries enabling performance
5. 15:52Limitations and edge cases
6. 16:15Live example walkthrough
7. 21:52Closing and thanks

" related talks

• 35mAnimations and gesture handling in React Native and native languagesMichał Osadnik · Mobilization 8
• 36mMake Your Apps Move! Awesome Animations with React Native ⚡️Luca Caputo · Voxxed Days Ticino 2025
• 28mReact Native Touch & GestureKrzysztof Magiera · React Amsterdam 2017
• 27mDeclarative future of gestures and animations in React NativeKrzysztof Magiera · ReactEurope 2018
• 30mMicrointeractions & Animations in React Native: Help users understand the UICatalin Miron · React Day Berlin 2019
• 29mIt all starts with navigationKrzysztof Magiera · React Native EU 2018
• 31mReact Native in 40 minutesTruls Skeie · Øredev 2022
• 34mGestures here. Gestures there. Gestures everywhere!Kyle Poole, Thomas Bruketta · Chain React 2017