API Reference

React リファレンス概要

このセクションは React で開発をする際の詳細なリファレンスドキュメントです。React の使い方の概要については Learn セクションをご覧ください。

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 群

React のルール

React には、理解しやすい方法でパターンを表現し高品質なアプリケーションを産み出すための慣用的な記法、ないしルールが存在します。

  • コンポーネントとフックを純粋に保つ – これらを純粋に保つことにより、コードの理解やデバッグが容易になり、React がコンポーネントやフックを自動的に正しく最適化できるようになります。
  • コンポーネントやフックを呼び出すのは React – ユーザ体験を最適化するために必要に応じてコンポーネントやフックを呼び出すというのは React 自身の責務です。
  • フックのルール – フックは再利用可能な UI ロジックを表す JavaScript の関数として定義されており、呼び出せる場所に関する制約があります。

レガシー API

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