React 19.3: view transitions, refs en Fragment y control de SSR
La versión suma una API para animar con View Transitions, refs sobre Fragment y una forma explícita de aislar código que solo corre en el navegador.
Animaciones con <ViewTransition />
React 19.3 agrega el componente <ViewTransition /> junto con la función addTransitionType, pensados para manejar animaciones basadas en la View Transition API del navegador desde componentes React. Las notas no traen un ejemplo de uso, así que si necesitás la sintaxis exacta tenés que ir al blog post oficial de la release.
Refs sobre Fragment
Ahora podés poner un ref en un <Fragment />. Esto te permite exponer comportamiento de la plataforma en componentes que agrupan varios nodos sin tener que meter un wrapper DOM extra solo para poder referenciarlo.
browser(): marcar código como exclusivo del navegador
react-dom suma browser(), una función que te da algo usable con use(). Si la llamás durante el render en el servidor, tira error; en el navegador resuelve sin problema. Usada dentro de un <Suspense>, marca ese subárbol como browser-only sin que se reporte como un error recuperable. Se agrega también onBrowserBailout en las APIs de react-dom/server para detectar cuándo un subárbol delega esa parte al navegador.
Transiciones independientes y otros ajustes
Se habilitó integración con la API de Trusted Types. Las transiciones ahora se renderizan de forma independiente en vez de quedar entangled en un solo render, así una transición lenta no frena a otras que no tienen relación entre sí. También se sumó un warning en DEV cuando parece que un componente se desbloqueó por llamar a use() de forma condicional.
Qué te llevas
ViewTransition y addTransitionType dan una API oficial para animar con la View Transition API del navegador.
Fragment ahora acepta refs, así que podés agrupar nodos sin agregar un wrapper DOM solo para referenciarlos.
browser() te deja marcar código como exclusivo del cliente dentro de un Suspense, sin errores de hidratación.
Las transiciones dejan de bloquearse entre sí: una transición lenta ya no frena renders no relacionados.
¿Quieres una clase de esto?
Si varias personas lo piden, entra al programa. No hace falta dejar mail ni nombre.