Referencia de la API

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.

APIs de precarga de recursos

Estas APIs se pueden utilizar para hacer las aplicaciones más rápidas al precargar recursos como scripts, hojas de estilos y fuentes tan pronto como sepas que los necesitarás, por ejemplo antes de navegar a otra página donde se utilizarán los recursos.

Los frameworks basados en React con frecuencia manejan la carga de recursos por ti, por lo que es posible que no necesites llamar a estas APIs tú mismo. Consulta la documentación de tu framework para más detalles.

  • prefetchDNS te permite precargar la dirección IP de un nombre de dominio DNS al que esperas conectarte.
  • preconnect te permite conectarte a un servidor del que esperas solicitar recursos, incluso si aún no sabes qué recursos necesitarás.
  • preload te permite precargar una hoja de estilos, fuente, imagen o script externo que esperas utilizar.
  • preloadModule te permite precargar un módulo ESM que esperas utilizar.
  • preinit te permite precargar y evaluar un script externo o precargar e insertar una hoja de estilos.
  • preinitModule te permite precargar y evaluar un módulo ESM.

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:

Anterior<title>
SiguientecreatePortal