React Native, The Native Bits
summary
React Native converts JSX into an imperative stream of UI manager commands, builds a mutable Java shadow tree, mirrors that into native C with Yoga, and then creates far fewer Android views: the example goes from four shadow nodes to three Yoga nodes to two Android view nodes. Yoga is portable C with a measure callback into Java, text measurement takes ~50–60% of layout time, and the native view hierarchy optimizer sometimes de-optimizes to insert views for incremental updates. Yoga in C and 4 languages (JS, Java, C++, C) are involved end to end.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 1:54Native layers overview
- 3:15From JSX to native views
- 7:56Building shadow tree
- 11:56Layout with Yoga engine
- 16:32View manager explained
- 18:57Native view hierarchy optimizer
- 21:46Efficient updates on press
- 24:35React diffing in native
- 28:29Incremental Yoga calculations
- 30:15Q&A
related talks
39mReact Native - Unleash the power of React in your device
30mReact Native
28mThe State of React Native
40mKeynote: Building React Native
28mReact Native Architecture Overview
27mBuilding high quality mobile apps with React Native
09mBuilding blocks of React Native
01h 01mReact Native: A Better Way to Do Mobile