React Native New Architecture
Fabric renderer, Turbo Modules, JSI, Codegen, migration from old architecture
1What is the React Native New Architecture?
What is the React Native New Architecture?
Answer
The New Architecture is a major overhaul of React Native introduced to improve performance and communication between JavaScript and native code. It comprises three main components: Fabric (new rendering system), Turbo Modules (replacement for Native Modules), and JSI (JavaScript Interface) that enables synchronous and direct communication between JS and native without going through the asynchronous bridge.
2What is JSI (JavaScript Interface) in the New Architecture?
What is JSI (JavaScript Interface) in the New Architecture?
Answer
JSI is a lightweight abstraction layer allowing JavaScript code to interact directly with C++ objects without going through the asynchronous JSON bridge of the old architecture. This enables synchronous calls, better performance, and the ability to expose C++ functions directly to the JavaScript runtime. JSI is the foundation on which Fabric and Turbo Modules are built.
3What is Fabric in the New Architecture?
What is Fabric in the New Architecture?
Answer
Fabric is React Native's new rendering system that replaces the old UIManager. It uses JSI for synchronous communication with the native UI thread, enabling concurrent rendering and priority updates. Fabric also allows more efficient native-side rendering, reduces layout passes, and supports new features like Suspense and React 18+ transitions.
What are Turbo Modules in the New Architecture?
What is Codegen in the New Architecture?
+21 interview questions
Other React Native interview topics
JavaScript Essentials
React Fundamentals
React Native Basics
React Hooks
TypeScript for React & React Native
React Native Components & API
React Native Styling & Layout
React Native Navigation
React Native State Management
React Native Networking & API
Data Persistence
Forms & Validation
React Native Animations
Native Modules & Bridge
Platform-Specific Code
Permissions & Device APIs
Push Notifications
React Native Testing
React Native Debugging
Build & Deployment
Expo vs React Native Bare
Performance Optimization
Memory Management
Architecture Patterns
Security Best Practices
Offline-First Architecture
React Native CI/CD
Monorepo & Code Sharing
Advanced Topics
App Lifecycle & Background Execution
Authentication & Session Management
Monitoring & Crash Reporting
Master React Native for your next interview
Access all questions, flashcards, technical tests, code review exercises and interview simulators.
Start for free