A tempo para o React Conf, a equipe do React lançou a terceira grande atualização do ano, o React 19.2, que inclui recursos aguardados como a Activity API e o Hook useEffectEvent.

Esta atualização também traz melhorias significativas no desempenho de renderização, na experiência do desenvolvedor e nas capacidades de renderização do lado do servidor.

Neste artigo, vamos detalhar as novidades do React 19.2, explorar o Hook useEffectEvent e destacar outras melhorias e recursos ocultos incluídos nesta atualização.

React 19.2: Principais destaques

A Activity API e o Hook useEffectEvent são os destaques desta atualização. Ambos têm estado em fase experimental e ganharam popularidade entre os desenvolvedores.

Resumo rápido:

• Activity API: Um componente React que mantém partes da UI montadas, mas ocultas, preservando seu estado.
• useEffectEvent Hook: Um Hook para separar lógica de eventos de efeitos reativos, criando callbacks que veem sempre as últimas props e estado.

A Activity API

A Activity API é um componente wrapper que permite ocultar e restaurar a UI e o estado interno dos seus filhos. Em um nível mais baixo, é uma API que pode ocultar uma subárvore React, desmontar seus efeitos enquanto preserva seu estado e continuar renderizando com menor prioridade.

Esse método permite esconder componentes visualmente, preservando seu estado. Quando o componente se torna visível novamente, o React restaura seu estado anterior e recria os efeitos destruídos.

O Hook useEffectEvent

useEffectEvent é um Hook que extrai lógica não reativa de efeitos em funções reutilizáveis chamadas Evento de Efeito. Ele permite criar funções de manipulador de eventos estáveis dentro de efeitos que sempre têm acesso ao estado e props mais recentes, sem precisar ser incluídas na matriz de dependências.

Para mais detalhes, confira a documentação oficial do React.