React 19.3 estabiliza View Transitions e Fragment Refs

O React 19.3, lançado em 9 de setembro, estabiliza dois recursos que estavam experimentais: o componente ViewTransition, para animações declarativas de transição entre telas ou elementos, e Fragment Refs, uma referência que aponta para um grupo de elementos sem precisar de um elemento wrapper único no DOM. A versão também separa o processamento de transições do restante do ciclo de render, em vez de misturar os dois num só passo.

A 19.3 tira do experimental dois recursos que vinham sendo testados desde versões anteriores. O ViewTransition permite declarar animações de transição — entre rotas, ao mostrar ou esconder um elemento, ao reordenar uma lista — sem sair do modelo declarativo do React, usando a View Transitions API do navegador por baixo. Fragment Refs resolve um caso comum de frustração: hoje, para ter uma ref sobre um grupo de elementos, é preciso envolver tudo numa div ou outro wrapper só para isso; a nova API dá uma ref sobre o próprio Fragment, sem elemento extra no DOM.

A versão também separa o processamento de transições do resto do ciclo de render — antes, tudo ficava entrelaçado num único passo de render, o que podia causar travamento perceptível quando uma transição concorria com atualização de estado normal. Vieram junto suporte a Trusted Types em react-dom/server e uma função browser() para renderização exclusiva no navegador.

Por que importa

Para quem já usa Tailwind e CSS/SASS para animação manual, o ViewTransition é a primeira forma nativa do React de declarar transição sem sair do componente — vale testar em vez de manter uma solução própria com classes de transição e useEffect. Fragment Refs remove um wrapper div que provavelmente já existe em algum componente só para conseguir uma ref.