Question 1

React Native の New Architecture とは何ですか？

Accepted Answer

New Architecture は、パフォーマンスと JavaScript・ネイティブコード間の通信を改善するために導入された React Native の大規模な刷新です。主に 3 つのコンポーネントで構成されます。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