ZaRQuN – Diseño Gráfico, Web y Programación Blog sobre diseño grafico en general y curiosidades

React sigue avanzando y ya tenemos React 19.3, una actualización que trae varias novedades bastante interesantes para quienes trabajan con interfaces web. No es simplemente una versión con correcciones: algunas de las nuevas APIs pueden cambiar bastante la forma de construir determinadas experiencias.

Una de las novedades más llamativas es View Transitions, que pasa de experimental a estable. React incorpora el componente <ViewTransition> para trabajar con las View Transitions API del navegador y crear animaciones cuando elementos aparecen, desaparecen, cambian de posición o se actualizan. Esto permite conseguir transiciones mucho más fluidas sin tener que montar soluciones bastante más complicadas por nuestra cuenta.

También llega Fragment Refs, otra función que puede resultar especialmente útil cuando trabajamos con componentes que generan varios elementos sin un contenedor común. Ahora podemos poner un ref directamente sobre un Fragment y controlar sus elementos hijos para tareas como eventos, foco, observadores de visibilidad, medición o scroll, sin tener que añadir un <div> únicamente para poder acceder al DOM.

Para quienes trabajan con SSR, React 19.3 incorpora browser(). Con use(browser()) podemos indicar que un componente necesita ejecutarse en el navegador y evitar que intente renderizarse en el servidor. Es una solución bastante más limpia para casos que dependen de APIs como localStorage, la zona horaria del dispositivo u otras funcionalidades que no existen durante el renderizado en servidor.

En el apartado de seguridad también hay novedades. React 19.3 añade soporte para Trusted Types, una tecnología del navegador pensada para ayudar a proteger las aplicaciones frente a ataques XSS basados en el DOM. React ahora puede trabajar con estos valores sin convertirlos automáticamente en simples cadenas de texto.

Y hay otra mejora interesante para quienes están metidos de lleno en React Server Components: ahora los Server Components pueden renderizar directamente un Context procedente de un módulo 'use client', sin tener que crear un componente Provider adicional solamente para pasar los datos.

En resumen, React 19.3 apuesta bastante por mejorar la integración entre React y las capacidades nativas del navegador, especialmente en animaciones, SSR, seguridad y control del DOM. Algunas de estas novedades son bastante específicas, pero View Transitions y Fragment Refs pueden tener un impacto directo en la forma en la que construimos interfaces modernas.

Si trabajas habitualmente con React, merece la pena echarle un vistazo a esta versión y, sobre todo, empezar a probar ViewTransition, porque puede simplificar bastante algunas animaciones que hasta ahora requerían bastante trabajo adicional.

#React #ReactJS #React19 #JavaScript #Frontend #DesarrolloWeb #Programacion #WebDevelopment #ViewTransitions #ServerComponents #UI #UX