React NativeArchitecturePerformanceJSI
The New Architecture is now the default in React Native. It removes the old asynchronous 'bridge' that serialized every message between JS and native — the source of years of performance bottlenecks.
JSI — The Foundation
The JavaScript Interface lets JS hold direct references to native objects and call them synchronously, with no JSON serialization. This is what makes everything else possible.
Fabric — The New Renderer
- Concurrent rendering support, aligning RN with React 18+ features like Suspense.
- Synchronous layout and measurement, reducing flicker in complex UIs.
- A shared C++ core across platforms for consistency.
TurboModules — Lazy Native Modules
TurboModules load native modules only when first used (instead of all at startup), cutting app launch time, and expose type-safe interfaces via Codegen.
Migrating Old Native Modules
Legacy native modules still work via the interop layer, but for best performance migrate them to TurboModules with Codegen-typed specs.
