React リファレンス概要
このセクションでは、React を使用するための詳細なリファレンスドキュメントを提供します。React の概要については、学習 セクションをご覧ください。
React リファレンスドキュメントは、機能的なサブセクションに分割されています。
React
プログラム的なReact機能
- Hooks - コンポーネントからさまざまな React 機能を使用します。
- コンポーネント - JSX で使用できる組み込みコンポーネント。
- API - コンポーネントの定義に役立つ API。
- ディレクティブ - Reactサーバーコンポーネントと互換性のあるバンドラーに指示を提供します。
React DOM {省略 SVG}
React-dom には、Web アプリケーション(ブラウザの DOM 環境で実行される)でのみサポートされる機能が含まれています。このセクションは以下のように分かれています。
- Hooks - ブラウザの DOM 環境で実行される Web アプリケーション用の Hooks です。
- コンポーネント - React は、ブラウザに組み込まれているすべての HTML および SVG コンポーネントをサポートしています。
- API -
react-dom
パッケージには、Web アプリケーションでのみサポートされるメソッドが含まれています。 - クライアント API -
react-dom/client
API を使用すると、クライアント(ブラウザ)で React コンポーネントをレンダリングできます。 - サーバー API -
react-dom/server
API を使用すると、サーバー上で React コンポーネントを HTML にレンダリングできます。
React のルール {省略 SVG}
React には、理解しやすく高品質なアプリケーションを作成するための、パターンを表現するためのイディオム(またはルール)があります。
- コンポーネントと Hooks は純粋でなければならない - 純粋性はコードの理解とデバッグを容易にし、React がコンポーネントと Hooks を正しく自動的に最適化できるようにします。
- React はコンポーネントと Hooks を呼び出す - React は、ユーザーエクスペリエンスを最適化するために、必要に応じてコンポーネントと Hooks をレンダリングします。
- Hooks のルール - Hooks は JavaScript 関数を使用して定義されますが、呼び出し場所に関する制限付きの特別なタイプの再利用可能な UI ロジックを表します。
レガシーAPI
- レガシーAPI -
react
パッケージからエクスポートされていますが、新規コードでの使用は推奨されません。