# React Native New Architecture (React Native)

> Fabric renderer, Turbo Modules, JSI, Codegen, การย้ายจากสถาปัตยกรรมเก่า

- 24 คำถามสัมภาษณ์
- Senior
- [คำถามสัมภาษณ์: React Native](https://sharpskill.dev/th/technologies/react-native/interview-questions.md)

## 1. React Native New Architecture คืออะไร?

**คำตอบ**

New Architecture คือการปรับปรุงครั้งใหญ่ของ React Native ที่นำมาใช้เพื่อเพิ่มประสิทธิภาพและการสื่อสารระหว่าง JavaScript กับโค้ด native ประกอบด้วยสามองค์ประกอบหลัก ได้แก่ Fabric (ระบบ rendering ใหม่) Turbo Modules (สิ่งที่มาแทน Native Modules) และ JSI (JavaScript Interface) ที่ช่วยให้การสื่อสารระหว่าง JS กับ native เป็นแบบ synchronous และตรงโดยไม่ต้องผ่าน bridge แบบ asynchronous

## 2. JSI (JavaScript Interface) ใน New Architecture คืออะไร?

**คำตอบ**

JSI คือเลเยอร์การทำให้เป็นนามธรรมที่เบาซึ่งช่วยให้โค้ด JavaScript โต้ตอบกับอ็อบเจกต์ C++ ได้โดยตรงโดยไม่ต้องผ่าน bridge JSON แบบ asynchronous ของสถาปัตยกรรมเก่า สิ่งนี้ช่วยให้เรียกใช้แบบ synchronous ได้ ประสิทธิภาพดีขึ้น และสามารถเปิดเผยฟังก์ชัน C++ ให้กับ JavaScript runtime ได้โดยตรง JSI เป็นรากฐานที่ Fabric และ Turbo Modules ถูกสร้างขึ้น

## 3. Fabric ใน New Architecture คืออะไร?

**คำตอบ**

Fabric คือระบบ rendering ใหม่ของ React Native ที่มาแทนที่ UIManager เดิม โดยใช้ JSI สำหรับการสื่อสารแบบ synchronous กับ UI thread native ทำให้สามารถทำ concurrent rendering และอัปเดตตามลำดับความสำคัญได้ Fabric ยังช่วยให้การ render ฝั่ง native มีประสิทธิภาพมากขึ้น ลดจำนวน layout pass และรองรับฟีเจอร์ใหม่อย่าง Suspense และ transition ของ React 18+

## มีอีก 21 คำถาม

- Turbo Modules ใน New Architecture คืออะไร?
- Codegen ใน New Architecture คืออะไร?

สมัครฟรี: https://sharpskill.dev/th/login

## หัวข้อสัมภาษณ์ React Native อื่นๆ

- [พื้นฐาน JavaScript](https://sharpskill.dev/th/technologies/react-native/interview-questions/javascript-essentials.md): 25 คำถาม, Junior
- [พื้นฐาน React](https://sharpskill.dev/th/technologies/react-native/interview-questions/react-fundamentals.md): 20 คำถาม, Junior
- [พื้นฐาน React Native](https://sharpskill.dev/th/technologies/react-native/interview-questions/react-native-basics.md): 22 คำถาม, Junior
- [React Hooks](https://sharpskill.dev/th/technologies/react-native/interview-questions/react-hooks.md): 20 คำถาม, Junior
- [TypeScript สำหรับ React และ React Native](https://sharpskill.dev/th/technologies/react-native/interview-questions/typescript-for-react-native.md): 22 คำถาม, Junior
- [คอมโพเนนต์และ API ของ React Native](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-components-api.md): 20 คำถาม, Junior
- [การจัดสไตล์และเลย์เอาต์ใน React Native](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-styling-layout.md): 18 คำถาม, Junior
- [การนำทางใน React Native](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-navigation.md): 22 คำถาม, Mid-Level
- [การจัดการ State ใน React Native](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-state-management.md): 24 คำถาม, Mid-Level
- [Networking และ API ใน React Native](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-networking-api.md): 20 คำถาม, Mid-Level
- [การคงอยู่ของข้อมูล](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-data-persistence.md): 20 คำถาม, Mid-Level
- [ฟอร์มและการตรวจสอบความถูกต้อง](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-forms-validation.md): 18 คำถาม, Mid-Level
- [แอนิเมชัน React Native](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-animations.md): 22 คำถาม, Mid-Level
- [Native Modules & Bridge](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-native-modules.md): 20 คำถาม, Mid-Level
- [โค้ดเฉพาะแพลตฟอร์ม](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-platform-specific-code.md): 18 คำถาม, Mid-Level
- [สิทธิ์และ Device API](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-permissions-apis.md): 20 คำถาม, Mid-Level
- [Push Notifications](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-push-notifications.md): 18 คำถาม, Mid-Level
- [การทดสอบ React Native](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-testing.md): 20 คำถาม, Mid-Level
- [การ Debug React Native](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-debugging.md): 18 คำถาม, Mid-Level
- [Build & Deployment](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-build-deployment.md): 20 คำถาม, Mid-Level
- [Expo vs React Native Bare](https://sharpskill.dev/th/technologies/react-native/interview-questions/expo-vs-bare-rn.md): 18 คำถาม, Mid-Level
- [การเพิ่มประสิทธิภาพ](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-performance-optimization.md): 24 คำถาม, Senior
- [การจัดการหน่วยความจำ](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-memory-management.md): 20 คำถาม, Senior
- [Architecture Patterns](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-architecture-patterns.md): 22 คำถาม, Senior
- [แนวทางปฏิบัติที่ดีที่สุดด้านความปลอดภัย](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-security-best-practices.md): 20 คำถาม, Senior
- [Offline-First Architecture](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-offline-first.md): 20 คำถาม, Senior
- [CI/CD React Native](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-ci-cd.md): 20 คำถาม, Senior
- [Monorepo และการแชร์โค้ด](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-monorepo-architecture.md): 18 คำถาม, Senior
- [หัวข้อขั้นสูง](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-advanced-topics.md): 22 คำถาม, Senior
- [วงจรชีวิตแอปและการทำงานเบื้องหลัง](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-app-lifecycle-background.md): 20 คำถาม, Mid-Level
- [การยืนยันตัวตนและการจัดการเซสชัน](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-auth-session-management.md): 22 คำถาม, Mid-Level
- [Monitoring & Crash Reporting](https://sharpskill.dev/th/technologies/react-native/interview-questions/rn-monitoring-crash-reporting.md): 20 คำถาม, Senior

---

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