Living in an async world of React Native
summary
React Native’s async JS↔native bridge causes one-frame delays that break complex touches, animations and storage access; demos show orientation flips stuttering until control moves entirely into JS, animations smooth only when offloaded with native driver, and scroll-driven nav collapse lagging from many tiny bridge calls. Solutions include exporting synchronous constants from native modules, using the Animated library with native driver, and moving gesture recognition onto the UI thread with react-native-gesture-handler (Android experimental); native driver remains limited so it isn’t default.
AI-written summary · about
chapters (14)
- 0:00Introduction
- 1:48Layout
- 4:43Orientation sitter
- 5:58Orientation change
- 7:03Move control
- 8:06Animations
- 9:10Communication
- 10:38Native Writer
- 11:23Fred
- 14:20Animation
- 15:35Interaction
- 16:25Touchable
- 18:16Spider
- 19:31State
related talks
31mBlock the Main Thread
29mPerformance Limitations of React Native and How to Overcome Them
25mReact Native <3 60FPS -- Improving React Native animations>
28mReact Native Touch & Gesture
27mReact Native로 Native한 애니메이션 구현하기
29mIt all starts with navigation
10mReact Native, your UX superhero
10mUnderstanding "Native" in React Native