Why React Native Android Works
summary
Explains how React Native runs on Android by embedding JavaScriptCore on a dedicated JS thread via ReactInstanceManager and CatalystInstance, using ReadableMap/WritableMap to marshal data and exposing native APIs through NativeModules and ViewManagers. Demonstrates a custom pinchable PhotoView implemented as a ViewManager integrated via props, and covers Promise-based native calls, DeviceEventEmitter, Yoga layout, and how bundling produces index.android.bundle and maps JS image assets to Android drawable densities.
AI-written summary · about
chapters (14)
- 0:00React Native Android overview
- 1:54What is React
- 8:08React Native overview
- 11:27React Native Android overview
- 14:44JS core and React manager
- 21:42Java-JS bridge mechanism
- 26:25Calling Java from JS
- 32:20Calling JS from Java
- 33:51Native UI in React Native
- 41:38How React Native Android works
- 43:02APK packaging
- 45:56Release build
- 47:52Advantages and notes
- 49:41Use cases and references
related talks
39mReact Native - Unleash the power of React in your device
26mReact Native: Under the Hood
46mReact native and its impact on android development
01h 01mReact Native: A Better Way to Do Mobile
45mAbout React Native inside your existing Android App
41mReact Native - A native love story
27mBuilding high quality mobile apps with React Native
53mHow React-Native shapes the way we think about native apps