メインコンテンツにスキップ

用語集

開発者メニュー​

開発ビルドで使用可能なアプリ内開発者メニューで、さまざまな開発およびデバッグ操作にアクセスできます。 ドキュメントで開発者メニューの詳細を確認する.

Fabric レンダラー​

React Native は、Web 用の React と同じ React フレームワークコードを実行します。ただし、React Native は DOM ノード（Web のホストビューと見なすことができます）ではなく、一般的なプラットフォームビュー（ホストビュー）にレンダリングします。ホストビューへのレンダリングは、Fabric レンダラーによって可能になります。Fabric を使用すると、React は各プラットフォームと通信し、そのホストビューインスタンスを管理できます。Fabric レンダラーは JavaScript に存在し、C++ コードによって利用可能になったインターフェースをターゲットにします。 このブログ記事で React レンダラーの詳細を読む.

ホストプラットフォーム​

React Native を埋め込むプラットフォーム（例：Android、iOS、macOS、Windows）。

ホストビュツリー（およびホストビュー）​

ホストプラットフォーム（例：Android、iOS）のビューのツリー表現。Android では、ホストビューは `android.view.ViewGroup`、`android.widget.TextView` などのインスタンスであり、ホストビュツリーの構成要素です。各ホストビューのサイズと位置は Yoga で計算された `LayoutMetrics` に基づいており、各ホストビューのスタイルとコンテンツは React シャドウツリーの情報に基づいています。

JavaScript インターフェース (JSI)​

C++ アプリケーションに JavaScript エンジンを埋め込むための軽量 API。Fabric はこれを使用して、Fabric の C++ コアと React 間で通信します。

Java Native Interface (JNI)​

Java ネイティブメソッドを作成するための API で、Fabric の C++ コアと Java で記述された Android 間の通信に使用されます。

React コンポーネント​

React 要素の作成方法を指示する JavaScript 関数またはクラス。 このブログ記事で React コンポーネントと要素の詳細を読む.

React 複合コンポーネント​

他の React 複合コンポーネントまたは React ホストコンポーネントに還元される `render` 実装を持つ React コンポーネント。

React ホストコンポーネントまたはホストコンポーネント​

ビュー実装がホストビューによって提供される React コンポーネント（例：`<View>`、`<Text>`）。Web では、ReactDOM のホストコンポーネントは `<p>` や `<div>` などのコンポーネントになります。

React 要素ツリー（および React 要素）​

React 要素ツリー は JavaScript で React によって作成され、React 要素で構成されます。 React 要素 は、画面に表示される内容を記述するプレーンな JavaScript オブジェクトです。プロップ、スタイル、および子を含みます。React 要素は JavaScript にのみ存在し、React 複合コンポーネントまたは React ホストコンポーネントのインスタンス化を表すことができます。 このブログ記事で React コンポーネントと要素の詳細を読む.

React Native フレームワーク​

React Native を使用すると、開発者は React プログラミングパラダイム を使用して、ネイティブターゲットにアプリケーションを出荷できます。React Native チームは、ネイティブアプリを開発する際の最も一般的なユースケースに適合するコア API と機能 の作成に焦点を当てています。

ネイティブアプリを本番環境に出荷するには、通常、React Native の一部としてデフォルトでは提供されないが、アプリを本番環境に出荷するために不可欠なツールとライブラリのセットが必要です。このようなツールの例としては、専用ストアへのアプリケーションの公開のサポートや、ルーティングとナビゲーションメカニズムのサポートなどがあります。

これらのツールとライブラリが収集されて、React Native の上に構築されたまとまりのあるフレームワークが形成されると、それをReact Native フレームワークと定義します。

オープンソースの React Native フレームワークの例は Expo です。

React シャドウツリー（および React シャドウノード）​

React シャドウツリー は Fabric レンダラーによって作成され、React シャドウノードで構成されます。React シャドウノードは、マウントされる React ホストコンポーネントを表すオブジェクトであり、JavaScript から発生したプロップを含みます。また、レイアウト情報（x、y、幅、高さ）も含まれています。Fabric では、React シャドウノードオブジェクトは C++ に存在します。Fabric 以前は、これらはモバイルランタイムヒープ（例：Android JVM）に存在していました。

Yoga ツリー（および Yoga ノード）​

Yoga ツリー は、Yoga によって React シャドウツリーのレイアウト情報を計算するために使用されます。React Native はレイアウトの計算に Yoga を使用するため、各 React シャドウノードは通常、Yoga ノード を作成します。ただし、これは厳密な要件ではありません。Fabric は、Yoga を使用しない React シャドウノードを作成することもできます。各 React シャドウノードの実装によって、レイアウトの計算方法が決まります。