React 19.3 llega con View Transitions y Fragment Refs

React 19.3 ya está disponible. El equipo de React publicó la versión el 9 de septiembre de 2026, y con ella pasan a estables dos funciones que llevaban mucho tiempo en fase experimental: View Transitions y Fragment Refs. Las notas de la versión en GitHub acreditan a 52 colaboradores, con 47 pull requests solo detrás de View Transitions y 26 detrás de Fragment Refs.

No hay cambios que rompan la compatibilidad. Cada función de esta versión es algo que se activa de forma voluntaria.

View Transitions, y cuándo se disparan de verdad

El nuevo componente <ViewTransition> anima los elementos cuando entran, salen, se mueven o cambian de tamaño. Lo hace a través de la View Transition API del navegador, en lugar de animar en JavaScript.

La regla que confunde a la gente es qué actualizaciones se animan. La documentación de React es explícita: «Las actualizaciones no marcadas como Transitions no disparan animaciones, porque se consideran urgentes y deben reflejarse de inmediato en la interfaz». Tres cosas sí provocan una animación. Una actualización de estado dentro de startTransition, un contenido revelado por Suspense o una actualización procedente de useDeferredValue.

Así que envolver un componente en <ViewTransition> y luego llamar a setState con normalidad no produce ninguna animación. Ese es el comportamiento previsto, no un fallo, y es lo primero que hay que comprobar cuando nada se mueve.

This Week In React señala una API complementaria, addTransitionType, que permite «personalizar la animación directamente desde el código que la dispara». Eso importa porque el mismo componente a menudo necesita animarse de forma distinta según qué provocó el cambio.

El equipo de React enuncia sin rodeos un límite de plataforma: «Actualmente, <ViewTransition> solo funciona en el DOM. Estamos trabajando en el soporte para React Native y otras plataformas.»

Fragment Refs eliminan el div envolvente

Fragment Refs permiten adjuntar una ref a un <Fragment> y operar sobre el grupo de nodos DOM que contiene como una unidad.

El problema que resuelven es conocido. Cuando necesita un asidero sobre varios elementos hermanos, normalmente añade un <div> envolvente del que colgar la ref. Ese envoltorio interfiere después con los estilos y el diseño a su alrededor. Los hijos de grid y flex son las víctimas habituales.

Las notas de la versión en GitHub describen el cambio como añadir «Refs a <Fragment /> para dar soporte a un comportamiento de plataforma componible». This Week In React plantea la recompensa como desbloquear «nuevos patrones de composición que antes eran difíciles». Los usos prácticos son la escucha de eventos sobre un grupo y la gestión del foco.

Los cambios menores

Cambio	Qué hace
Transitions independientes	Las Transitions «se renderizan de forma independiente en lugar de quedar enredadas en un único renderizado, así que una transición lenta ya no retiene a las que no tienen relación»
browser() de react-dom	Devuelve «un usable que falla durante el renderizado en el servidor y se resuelve en el navegador», y así excluye un subárbol del renderizado en el servidor al disparar Suspense
Soporte de Trusted Types	Permite a React cooperar con una Content-Security-Policy que exija trusted types, para prevenir XSS basados en el DOM
Context en Server Components	<Context> puede renderizarse directamente desde un módulo 'use client', sin un componente proveedor envolvente separado

use(browser()) sigue las reglas normales de use. La documentación de React dice que «puede llamarse dentro de una sentencia condicional o después de un return temprano», algo inusual y deliberado.

Qué significa esto para los desarrolladores

Actualice por los méritos de la versión, no por las animaciones. Sin cambios que rompan la compatibilidad, 19.3 es un salto de versión rutinario, y las dos funciones estrella son aditivas.

Si va a adoptar View Transitions, reserve tiempo para la regla de las Transitions y no para el CSS. La mayor parte de la confusión en la adopción temprana vendrá de actualizaciones que, en silencio, no se animan porque nunca se marcaron como Transitions. Revise dónde viven realmente sus actualizaciones de estado antes de envolver nada.

Compruebe también sus supuestos sobre el soporte de navegadores. Esto se apoya en una API del navegador, no en una implementación exclusiva de React, así que su suelo es lo que traigan los navegadores de sus usuarios. Ese suelo se mueve más rápido que antes, ahora que Chrome ha pasado a un ciclo de lanzamientos de dos semanas, pero sigue descartando la animación como garantía. Trátela como una mejora que se degrada a ninguna animación.

Los Fragment Refs son el cambio que más probablemente dé fruto en silencio. Si su base de código arrastra <div> envolventes que solo existen para sostener una ref, cada uno es candidato a borrarse. Quitarlos también elimina apaños de diseño que nunca tuvieron que ver con el diseño.

Los equipos de React Native no obtienen nada de la función estrella de esta versión. View Transitions hoy solo funciona en el DOM, y el equipo de React se ha comprometido con otras plataformas sin dar una fecha.