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 obsoletas

• findDOMNode busca el nodo de DOM más cercano correspondiente a una instancia de componente de clase.
• hydrate monta un árbol en el DOM creado a partir de HTML generado en el servidor. En su lugar, se recomienda usar hydrateRoot.
• render monta un árbol en el DOM. En su lugar, se recomienda usar createRoot.
• unmountComponentAtNode desmonta un árbol del DOM. En su lugar, se recomienda usar root.unmount().