React DOM API

---

API

これらのAPIはコンポーネントからインポートできます。めったに使用されません。

• createPortalを使用すると、子コンポーネントをDOMツリーの別の部分にレンダリングできます。
• flushSyncを使用すると、Reactに状態の更新を強制的にフラッシュさせ、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 ...

これらの API は React 19 で削除されました。

• findDOMNode: 代替手段を参照してください。
• hydrate: 代わりに hydrateRoot を使用してください。
• render: 代わりに createRoot を使用してください。
• unmountComponentAtNode: 代わりに root.unmount() を使用してください。
• renderToNodeStream: 代わりに react-dom/server API を使用してください。
• renderToStaticNodeStream: 代わりに react-dom/server API を使用してください。