React DOM APIs

---

APIs

Puedes importar las siguientes APIs en tus componentes, pero su uso es poco común:

• createPortal permite renderizar componentes hijos en una parte diferente del árbol del DOM.
• flushSync permite forzar a React a actualizar el estado y el DOM de manera síncrona.

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.

---

Puntos de entrada

El paquete react-dom proporciona dos puntos de entrada adicionales:

• react-dom/client incluye APIs para renderizar componentes de React en el cliente, es decir, en el navegador.
• react-dom/server incluye APIs para renderizar componentes de react en el servidor.

---

APIs eliminadas

Las siguientes API se eliminaron en React 19:

• findDOMNode: consulta las alternativas.
• hydrate: utiliza hydrateRoot en su lugar.
• render: utiliza createRoot en su lugar.
• unmountComponentAtNode: utiliza root.unmount() en su lugar.
• renderToNodeStream: utiliza las API de react-dom/server en su lugar.
• renderToStaticNodeStream: utiliza las API de react-dom/server en su lugar.