React Native New Architecture — Vocabulary & Concepts Quiz
React Native's New Architecture replaces the legacy bridge with JSI and Fabric, enabling synchronous native calls and concurrent rendering. Test your understanding of this fundamental shift.
0 / 5 completed
1 / 5
What fundamental problem did the old React Native bridge have that JSI solves?
The legacy bridge passed all data as serialised JSON between the JS thread and native thread asynchronously, meaning you could never call a native function and get an immediate synchronous result. JSI (JavaScript Interface) gives JavaScript a direct reference to C++ host objects, enabling synchronous calls without serialisation overhead.
2 / 5
What is the role of the Fabric renderer in React Native's New Architecture?
Fabric is the new rendering system that replaces the legacy UIManager. Unlike its predecessor, Fabric is built on C++ and integrates with React's concurrent rendering model, enabling features like useTransition and priority-based rendering. It also supports synchronous layout measurement via JSI, enabling more accurate gesture handling.
3 / 5
What are TurboModules and how do they differ from legacy native modules?
TurboModules replace the old NativeModules system. They are loaded lazily (only when first accessed, rather than all at startup) and use JSI to expose native functions directly to JavaScript, eliminating JSON serialisation. This reduces app startup time and enables synchronous native function calls from JavaScript.
4 / 5
What does Bridgeless mode mean in the New Architecture context?
Bridgeless mode is the final stage of the New Architecture migration where the legacy bridge binary is removed entirely from the app. All communication between JS and native now flows through JSI (TurboModules) and Fabric, eliminating the old message queue infrastructure and its associated overhead and complexity.
5 / 5
Which React 18 feature does the New Architecture's Fabric renderer enable in React Native?
Concurrent rendering requires the renderer to support interruptible rendering — pausing a render to handle higher-priority updates. Fabric is built on React's concurrent renderer infrastructure (unlike the legacy shadow thread system), making features like startTransition and Suspense work correctly in React Native for the first time.