Question 1

React Native New Architecture란 무엇입니까?

Accepted Answer

New Architecture는 성능과 JavaScript와 네이티브 코드 간 통신을 개선하기 위해 도입된 React Native의 대규모 개편입니다. 세 가지 주요 구성 요소로 이루어집니다: Fabric(새로운 렌더링 시스템), Turbo Modules(Native Modules의 대체), 그리고 비동기 bridge를 거치지 않고 JS와 네이티브 간 동기적이고 직접적인 통신을 가능하게 하는 JSI(JavaScript Interface)입니다.

Question 2

New Architecture에서 JSI(JavaScript Interface)란 무엇입니까?

Accepted Answer

JSI는 JavaScript 코드가 기존 아키텍처의 비동기 JSON bridge를 거치지 않고 C++ 객체와 직접 상호작용할 수 있게 하는 경량 추상화 레이어입니다. 이를 통해 동기 호출, 더 나은 성능, 그리고 C++ 함수를 JavaScript 런타임에 직접 노출하는 기능이 가능해집니다. JSI는 Fabric과 Turbo Modules가 구축되는 기반입니다.

Question 3

New Architecture에서 Fabric이란 무엇입니까?

Accepted Answer

Fabric은 기존 UIManager를 대체하는 React Native의 새로운 렌더링 시스템입니다. JSI를 사용하여 네이티브 UI 스레드와 동기 통신을 수행하며, 동시 렌더링과 우선순위 업데이트를 가능하게 합니다. 또한 Fabric은 더 효율적인 네이티브 측 렌더링을 가능하게 하고, 레이아웃 패스를 줄이며, Suspense와 React 18+ 트랜지션 같은 새로운 기능을 지원합니다.

React Native New Architecture