Question 1

React Native New Architecture คืออะไร?

Accepted Answer

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

Question 2

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

Accepted Answer

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

Question 3

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

Accepted Answer

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

React Native New Architecture