React DOM APIs

El paquete react-dom incluye métodos que sólo son compatibles con aplicaciones web (aquellas que se ejecutan en el entorno del DOM del navegador). No son compatibles con React Native.


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

Obsoleta

Las siguientes APIs se eliminarán en una próxima versión mayor de React.

  • 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().