# New Architecture React Native (React Native) > Fabric renderer, Turbo Modules, JSI, Codegen, migrasi dari arsitektur lama - 24 pertanyaan wawancara - Senior - [Pertanyaan Wawancara: React Native](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara.md) ## 1. Apa itu New Architecture React Native? **Jawaban** New Architecture adalah perombakan besar React Native yang diperkenalkan untuk meningkatkan performa dan komunikasi antara JavaScript dan kode native. Arsitektur ini terdiri dari tiga komponen utama: Fabric (sistem rendering baru), Turbo Modules (pengganti Native Modules), dan JSI (JavaScript Interface) yang memungkinkan komunikasi sinkron dan langsung antara JS dan native tanpa melalui bridge asinkron. ## 2. Apa itu JSI (JavaScript Interface) dalam New Architecture? **Jawaban** JSI adalah lapisan abstraksi ringan yang memungkinkan kode JavaScript berinteraksi langsung dengan objek C++ tanpa melalui bridge JSON asinkron dari arsitektur lama. Ini memungkinkan pemanggilan sinkron, performa yang lebih baik, dan kemampuan untuk mengekspos fungsi C++ langsung ke runtime JavaScript. JSI adalah fondasi tempat Fabric dan Turbo Modules dibangun. ## 3. Apa itu Fabric dalam New Architecture? **Jawaban** Fabric adalah sistem rendering baru React Native yang menggantikan UIManager lama. Sistem ini menggunakan JSI untuk komunikasi sinkron dengan thread UI native, memungkinkan concurrent rendering dan pembaruan berprioritas. Fabric juga memungkinkan rendering sisi native yang lebih efisien, mengurangi layout pass, dan mendukung fitur baru seperti Suspense dan transisi React 18+. ## 21 pertanyaan lagi tersedia - Apa itu Turbo Modules dalam New Architecture? - Apa itu Codegen dalam New Architecture? Daftar gratis: https://sharpskill.dev/id/login ## Topik wawancara React Native lainnya - [Dasar-Dasar JavaScript](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/javascript-essentials.md): 25 pertanyaan, Junior - [Dasar-Dasar React](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/react-fundamentals.md): 20 pertanyaan, Junior - [Dasar-Dasar React Native](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/react-native-basics.md): 22 pertanyaan, Junior - [React Hooks](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/react-hooks.md): 20 pertanyaan, Junior - [TypeScript untuk React & React Native](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/typescript-for-react-native.md): 22 pertanyaan, Junior - [Komponen & API React Native](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-components-api.md): 20 pertanyaan, Junior - [Styling & Layout React Native](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-styling-layout.md): 18 pertanyaan, Junior - [Navigasi React Native](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-navigation.md): 22 pertanyaan, Mid-Level - [Manajemen State React Native](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-state-management.md): 24 pertanyaan, Mid-Level - [Networking & API React Native](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-networking-api.md): 20 pertanyaan, Mid-Level - [Persistensi Data](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-data-persistence.md): 20 pertanyaan, Mid-Level - [Formulir & Validasi](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-forms-validation.md): 18 pertanyaan, Mid-Level - [Animasi React Native](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-animations.md): 22 pertanyaan, Mid-Level - [Native Modules & Bridge](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-native-modules.md): 20 pertanyaan, Mid-Level - [Kode Spesifik Platform](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-platform-specific-code.md): 18 pertanyaan, Mid-Level - [Izin & API Perangkat](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-permissions-apis.md): 20 pertanyaan, Mid-Level - [Push Notifications](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-push-notifications.md): 18 pertanyaan, Mid-Level - [Testing React Native](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-testing.md): 20 pertanyaan, Mid-Level - [Debugging React Native](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-debugging.md): 18 pertanyaan, Mid-Level - [Build & Deployment](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-build-deployment.md): 20 pertanyaan, Mid-Level - [Expo vs React Native Bare](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/expo-vs-bare-rn.md): 18 pertanyaan, Mid-Level - [Optimasi Performa](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-performance-optimization.md): 24 pertanyaan, Senior - [Manajemen Memori](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-memory-management.md): 20 pertanyaan, Senior - [Architecture Patterns](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-architecture-patterns.md): 22 pertanyaan, Senior - [Praktik Terbaik Keamanan](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-security-best-practices.md): 20 pertanyaan, Senior - [Offline-First Architecture](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-offline-first.md): 20 pertanyaan, Senior - [CI/CD React Native](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-ci-cd.md): 20 pertanyaan, Senior - [Monorepo & Berbagi Kode](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-monorepo-architecture.md): 18 pertanyaan, Senior - [Topik Lanjutan](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-advanced-topics.md): 22 pertanyaan, Senior - [Siklus Hidup Aplikasi & Eksekusi Background](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-app-lifecycle-background.md): 20 pertanyaan, Mid-Level - [Autentikasi & Manajemen Sesi](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-auth-session-management.md): 22 pertanyaan, Mid-Level - [Monitoring & Crash Reporting](https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-monitoring-crash-reporting.md): 20 pertanyaan, Senior --- Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack. HTML version of this page: https://sharpskill.dev/id/technologies/react-native/pertanyaan-wawancara/rn-new-architecture