React DOM API
react-dom パッケージには、ウェブアプリケーション(ブラウザの DOM 環境で動作する)でのみサポートされるメソッドが含まれています。これらは React Native ではサポートされません。
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
以下の API は React 19 で削除されています。
findDOMNode: 代替手段を参照してください。hydrate: 代わりにhydrateRootを使用してください。render: 代わりにcreateRootを使用してください。unmountComponentAtNode: 代わりにroot.unmount()を使用してください。renderToNodeStream: 代わりにreact-dom/serverの API を使用してください。renderToStaticNodeStream: 代わりにreact-dom/serverの API を使用してください。