React Native Architecture Overview

on YouTube ↗28m

" summary

Explains concrete internals: the bridge and three threads (main, JS, shadow queue), how the packager bundles a single JS file and the VM parses/generates bytecode lazily, and why iOS disallows a JIT so execution differs across platforms. Walks through native modules registration, the shadow nodes and layout pipeline that computes absolute positions off the main thread, and a touch->alert roundtrip that shows calls crossing JS and native and coming back, with notes on tooling and performance tradeoffs.

AI-written summary · about

" chapters (12)

1. 0:00Start
2. 0:14How React Native Works Internally
3. 2:57What Happens When You Run a React Native
4. 3:22Concepts
5. 3:38Does React Native Is a Webview
6. 4:45The Bridge
7. 7:26App Registry
8. 10:26Json Configurations
9. 13:07Abstract Javascript Execution
10. 13:59Background Thread
11. 16:11Alert Manager
12. 22:46Measure Performance on Android Ios

" related talks

• 26mReact Native: Under the HoodAlexander Kotliarskyi · You Gotta Love Frontend 2015
• 21mReact Native under the hoodPhillip Pan · App.js Conf 2024
• 27mBuilding high quality mobile apps with React NativeParashuram Narasimhan · State of platforms: Fragments Ahmedabad 2019
• 53mHow React-Native shapes the way we think about native appsIlya Ivanov · Mobile Fest 2018
• 33mReact NativeChen Feldman · ReactNext 2019
• 29mBuilding React NativeParashuram N · ReactNext 2018
• 30mReact NativeChristopher Chedeau · React.js Conf 2015
• 30mReact Native's New ArchitectureParashuram N · React Conf 2018