Inicio Noticias React 18 agrega un renderizador concurrente

React 18 agrega un renderizador concurrente

Facebook hizo una serie de anuncios en la reciente React Conference 2021, con más noticias sobre React 18, incluido el primer candidato de lanzamiento y una actualización de la aplicación Create React.

React es la biblioteca JavaScript de código abierto de Facebook, que le permite describir lo que desea mostrar de forma declarativa utilizando componentes y elementos compartidos. El candidato de lanzamiento de React 18 ya está disponible para prueba.

React 18 tiene una serie de nuevas características y mejoras que los desarrolladores dicen que son posibles gracias al nuevo mecanismo de «renderización concurrente» opcional en React 18 que permite a React crear múltiples versiones de la interfaz de usuario al mismo tiempo. El equipo dice que si bien este cambio se produce principalmente entre bastidores, desbloqueará nuevas posibilidades para mejorar el rendimiento de la aplicación.

Se han agregado actualizaciones simultáneas de renderizador y suspenso sin cambios importantes. Las aplicaciones pueden actualizarse a React 18 y comenzar a adoptar gradualmente la funcionalidad simultánea con un esfuerzo a la par con cualquier otra versión importante.

Esto significa que no hay modo concurrente, solo funcionalidad concurrente.

La siguiente gran mejora en React 18 es la representación del lado del servidor de React. La representación del lado del servidor genera HTML a partir de los componentes de reacción en el servidor y lo envía al cliente, de modo que el cliente ahora puede ver el contenido de la página antes de que se cargue y ejecute el paquete JavaScript. Desafortunadamente, SSR no permite que los componentes esperen los datos, por lo que antes de generar el HTML en el cliente, los datos deben estar listos para los componentes en el servidor.

La mejora agrega dos nuevas características de suspenso, sobre todo la transmisión de HTML y la hidratación selectiva.

Streaming HTML significa que React enviará las piezas estáticas de los componentes de la interfaz de usuario usando suspenso, lo que decidirá qué parte del componente tardará más en cargarse y qué se puede ver directamente. Hidratación selectiva, asegura que los componentes envueltos en suspenso no bloqueen la hidratación. Una vez que se haya cargado el JS y el contenido de cada componente, comenzará a hidratarse sin bloquear otro componente.

El candidato de lanzamiento de React ya está disponible.

Marc Gomez
Vine a por tabaco y ya me quedé aquí. Cuando no estoy en el sótano de Tecnopasion suelo pasear por las calles de Barcelona.
RELATED ARTICLES