React リファレンス概要

React リファレンスは機能別にいくつかのサブセクションに分かれています。

React

プログラムから利用する React の機能です。

• フック - コンポーネント内から使用する様々な React の機能
• コンポーネント - JSX 内で用いる組み込みコンポーネント
• API - コンポーネントの定義に用いる API
• ディレクティブ - React Server Components 互換のバンドラに与えるための指示情報

React DOM

React DOM には（ブラウザの DOM 環境で動作する）ウェブアプリケーションでのみ用いられる機能が含まれます。以下のセクションに分かれています。

• フック - ブラウザの DOM 環境で実行されるウェブアプリケーションのためのフック
• コンポーネント - React がサポートする組み込みの HTML および SVG コンポーネント
• API - ウェブアプリケーションでのみ用いられる react-dom パッケージのメソッド
• クライアント API - クライアント（ブラウザ）で React コンポーネントをレンダーするための react-dom/client API 群
• サーバ API - サーバで React コンポーネントを HTML にレンダーするための react-dom/server API 群

Rules of React

React has idioms — or rules — for how to express patterns in a way that is easy to understand and yields high-quality applications:

• Components and Hooks must be pure – Purity makes your code easier to understand, debug, and allows React to automatically optimize your components and hooks correctly.
• React calls Components and Hooks – React is responsible for rendering components and hooks when necessary to optimize the user experience.
• Rules of Hooks – Hooks are defined using JavaScript functions, but they represent a special type of reusable UI logic with restrictions on where they can be called.

レガシー API

• レガシー API - react パッケージからエクスポートされているが新しいコードでは使用が推奨されないもの