React DOM API

---

API

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

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

Resource Preloading APIs

These APIs can be used to make apps faster by pre-loading resources such as scripts, stylesheets, and fonts as soon as you know you need them, for example before navigating to another page where the resources will be used.

React-based frameworks frequently handle resource loading for you, so you might not have to call these APIs yourself. Consult your framework’s documentation for details.

• prefetchDNS lets you prefetch the IP address of a DNS domain name that you expect to connect to.
• preconnect lets you connect to a server you expect to request resources from, even if you don’t know what resources you’ll need yet.
• preload lets you fetch a stylesheet, font, image, or external script that you expect to use.
• preloadModule lets you fetch an ESM module that you expect to use.
• preinit lets you fetch and evaluate an external script or fetch and insert a stylesheet.
• preinitModule lets you fetch and evaluate an ESM module.

---

エントリポイント

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() を使用してください。