# New Architecture của React Native (React Native)

> Fabric renderer, Turbo Modules, JSI, Codegen, di chuyển từ kiến trúc cũ

- 24 câu hỏi phỏng vấn
- Senior
- [Câu hỏi phỏng vấn: React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van.md)

## 1. New Architecture của React Native là gì?

**Câu trả lời**

New Architecture là một cuộc đại tu lớn của React Native được giới thiệu nhằm cải thiện hiệu năng và giao tiếp giữa JavaScript và mã native. Nó bao gồm ba thành phần chính: Fabric (hệ thống rendering mới), Turbo Modules (thay thế cho Native Modules) và JSI (JavaScript Interface) cho phép giao tiếp đồng bộ và trực tiếp giữa JS và native mà không cần thông qua bridge bất đồng bộ.

## 2. JSI (JavaScript Interface) trong New Architecture là gì?

**Câu trả lời**

JSI là một lớp trừu tượng nhẹ cho phép mã JavaScript tương tác trực tiếp với các đối tượng C++ mà không cần thông qua bridge JSON bất đồng bộ của kiến trúc cũ. Điều này cho phép các lời gọi đồng bộ, hiệu năng tốt hơn và khả năng phơi bày các hàm C++ trực tiếp tới runtime JavaScript. JSI là nền tảng để xây dựng Fabric và Turbo Modules.

## 3. Fabric trong New Architecture là gì?

**Câu trả lời**

Fabric là hệ thống rendering mới của React Native thay thế UIManager cũ. Nó sử dụng JSI để giao tiếp đồng bộ với thread UI native, cho phép concurrent rendering và cập nhật theo độ ưu tiên. Fabric cũng cho phép rendering phía native hiệu quả hơn, giảm số lần layout pass và hỗ trợ các tính năng mới như Suspense và transition của React 18+.

## Còn 21 câu hỏi nữa

- Turbo Modules trong New Architecture là gì?
- Codegen trong New Architecture là gì?

Đăng ký miễn phí: https://sharpskill.dev/vi/login

## Các chủ đề phỏng vấn React Native khác

- [Kiến thức cơ bản về JavaScript](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/javascript-essentials.md): 25 câu hỏi, Junior
- [Kiến thức cơ bản về React](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/react-fundamentals.md): 20 câu hỏi, Junior
- [Kiến thức cơ bản về React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/react-native-basics.md): 22 câu hỏi, Junior
- [React Hooks](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/react-hooks.md): 20 câu hỏi, Junior
- [TypeScript cho React & React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/typescript-for-react-native.md): 22 câu hỏi, Junior
- [Thành phần & API React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-components-api.md): 20 câu hỏi, Junior
- [Styling & Layout trong React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-styling-layout.md): 18 câu hỏi, Junior
- [Điều hướng React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-navigation.md): 22 câu hỏi, Mid-Level
- [Quản lý State trong React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-state-management.md): 24 câu hỏi, Mid-Level
- [Networking & API trong React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-networking-api.md): 20 câu hỏi, Mid-Level
- [Lưu trữ dữ liệu bền vững](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-data-persistence.md): 20 câu hỏi, Mid-Level
- [Form & Validation](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-forms-validation.md): 18 câu hỏi, Mid-Level
- [Animation trong React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-animations.md): 22 câu hỏi, Mid-Level
- [Native Modules & Bridge](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-native-modules.md): 20 câu hỏi, Mid-Level
- [Mã đặc thù theo nền tảng](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-platform-specific-code.md): 18 câu hỏi, Mid-Level
- [Quyền & Device API](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-permissions-apis.md): 20 câu hỏi, Mid-Level
- [Push Notifications](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-push-notifications.md): 18 câu hỏi, Mid-Level
- [Testing React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-testing.md): 20 câu hỏi, Mid-Level
- [Debugging React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-debugging.md): 18 câu hỏi, Mid-Level
- [Build & Deployment](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-build-deployment.md): 20 câu hỏi, Mid-Level
- [Expo vs React Native Bare](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/expo-vs-bare-rn.md): 18 câu hỏi, Mid-Level
- [Tối ưu hóa hiệu suất](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-performance-optimization.md): 24 câu hỏi, Senior
- [Quản lý bộ nhớ](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-memory-management.md): 20 câu hỏi, Senior
- [Architecture Patterns](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-architecture-patterns.md): 22 câu hỏi, Senior
- [Các Phương Pháp Bảo Mật Tốt Nhất](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-security-best-practices.md): 20 câu hỏi, Senior
- [Offline-First Architecture](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-offline-first.md): 20 câu hỏi, Senior
- [CI/CD React Native](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-ci-cd.md): 20 câu hỏi, Senior
- [Monorepo & Chia sẻ mã](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-monorepo-architecture.md): 18 câu hỏi, Senior
- [Chủ đề nâng cao](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-advanced-topics.md): 22 câu hỏi, Senior
- [Vòng đời ứng dụng & Thực thi nền](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-app-lifecycle-background.md): 20 câu hỏi, Mid-Level
- [Xác thực & Quản lý phiên](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-auth-session-management.md): 22 câu hỏi, Mid-Level
- [Monitoring & Crash Reporting](https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-monitoring-crash-reporting.md): 20 câu hỏi, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/vi/technologies/react-native/cau-hoi-phong-van/rn-new-architecture