Renderización concurrente, automatic batching, transiciones, suspense y nuevos Hooks, son los motivos por los que en Bitlogic somos cada vez más fans de esta herramienta.

La última versión de React 18 trae actualizaciones que se centran en mejoras del rendimiento y del motor de renderizado.

Podemos sintetizar en 5 mejoras y funcionalidades que tienen un impacto positivo no solo en el uso de la herramienta para el desarrollo de productos, sino que también en la performance de las aplicaciones y en la experiencia de las personas usuarias.

Concurrencia

React ahora es capaz de tener un proceso de renderizado concurrente que evita que la aplicación aparezca congelada hasta haber terminado la carga. Eso no solamente mejora la experiencia del usuario, sino que también mejora los valores obtenidos en los Core Web Vitals y con eso el SEO del sitio.

Automatic batching

Mejoró la funcionalidad de automatización por lotes agrupando los cambios que realizamos en el estado en todos los lugares posibles para evitar re-renderizar la interfaz múltiples veces y mejorar el rendimiento de la aplicación. Antes funcionaba solamente en controladores de eventos y ahora funciona también con promesas, setTimeouts y callbacks.

Transiciones

Incorpora las transiciones que permiten distinguir entre las actualizaciones prioritarias y las no prioritarias. Con las transiciones podremos detener el renderizado de los estados obsoletos al detectar que el usuario sigue interactuando, mejorando la UX.

Suspense

Es una nueva funcionalidad para hacer lazy loading de componentes "lentos" y reducir tiempos de carga y así mejorar la performance y la experiencia de usuario.

UseId

Por último, incorporó este nuevo hook para generar ID únicos que son estables en el servidor y el cliente, esto sirve para prevenir errores en los procesos de Server Side Render y puede mejorar la accesibilidad en caso de reutilizar formularios.

Resumiendo, React 18 y sus nuevas funcionalidades no solo sienta las bases para futuras versiones, sino que también se centra en mejorar la experiencia de las personas usuarias.