React DOM API

---

API

これらの API はインポートしてコンポーネントで使用できます。これらはあまり使用されません。

• createPortal は、DOM ツリーの別の場所に子コンポーネントをレンダーできるようにします。
• flushSync は、React に state の更新を強制的にフラッシュさせ、DOM を同期的に更新させます。

リソースプリロード関連の API

これらの API は、例えばスクリプト、スタイルシート、フォントなどのリソースを必要とする別のページに実際に遷移する前に、それらのリソースが必要となることが判明した時点で即座にプリロードを開始することで、アプリを高速化するためのものです。

React ベースのフレームワークは、多くの場合リソースの読み込みを自動で処理してくれるため、この API を直接呼び出す必要はないかもしれません。詳細はフレームワークのドキュメントを参照してください。

• prefetchDNS は、接続予定の DNS ドメインネームに対応する IP アドレスをプリフェッチします。
• preconnect は、具体的なリソースが不明な場合でも事前にリクエスト先のサーバへの接続を確立します。
• preload は、使用予定のスタイルシート、フォント、画像や外部スクリプトのフェッチを行います。
• preloadModule は、使用予定の ESM モジュールのフェッチを行います。
• preinit は、外部スクリプトのフェッチと実行、またはスタイルシートのフェッチと挿入を行います。
• preinitModule は、ESM モジュールのフェッチと実行を行います。

---

エントリポイント

react-dom パッケージは、2 つの追加のエントリポイントを提供します。

• react-dom/client は、クライアント（ブラウザ内）で React コンポーネントをレンダーするための API を含んでいます。
• react-dom/server は、サーバ上で React コンポーネントをレンダーするための API を含んでいます。

---

非推奨の API

• findDOMNode は、クラスコンポーネントのインスタンスに対応する最も近い DOM ノードを検索します。
• hydrate は、サーバの HTML から作成された DOM にツリーをマウントします。非推奨です。代わりに hydrateRoot を使用してください。
• render は、DOM にツリーをマウントします。非推奨です。代わりに createRoot を使用してください。
• unmountComponentAtNode は、DOM からツリーをアンマウントします。非推奨です。代わりに root.unmount() を使用してください。