Voltar
TanStack Redact: uma alternativa menor e compatível ao runtime do React

TanStack Redact chega como alternativa menor e compatível ao runtime do React

Aprofundamento CEVIU

Aprofundamento

O TanStack Redact troca React e React DOM no navegador por uma implementação menor das mesmas APIs. A promessa é enviar menos JavaScript sem mexer no código da aplicação: você configura o build e seus imports, componentes, hooks e dependências passam a usar o Redact. A versão 0.2.0 traz integrações estáveis com TanStack Start, Vite, Vinext e Next.js, cobrindo App Router e Pages Router (inclusive apps que usam só Pages Router).

Em Vinext e Next.js, o React continua no servidor, cuidando de renderização e Server Components. O framework mantém roteamento, cache e transporte de Server Actions. O Redact assume hidratação e renderização no cliente. O custo é declarado: a renderização é síncrona, sem time slicing nem renders interrompíveis. Transições suspensas, formulários pendentes e estado otimista são cobertos, mas um render pesado ainda pode atrasar a entrada do usuário. No benchmark do Vinext (seis rodadas), o app caiu de 154,9 KB para 115,5 KB, uma redução de 39,4 KB. Build de produção ficou praticamente igual e a inicialização em desenvolvimento ficou um pouco mais rápida. O benchmark não mede hidratação nem velocidade de renderização no navegador. Nos testes de tamanho, Start chega a 59,8 KB e o app Vite só de cliente a 12,6 KB com recursos opcionais desligados.

O que mudou

Em 11 de maio de 2026, o CEVIU noticiou "Reengenharia do React: Performance e Projeções para o Futuro do Desenvolvimento Web", em que a API do React foi reconstruída do zero só para o TanStack Start, com gzip perto de 9KB contra cerca de 60KB da implementação original. Agora o projeto deixa de ser um experimento restrito a poucos sites: a versão 0.2.0 traz integrações estáveis também com Vite, Vinext e Next.js, e o próprio autor diz que há outras pessoas usando em produção.

Por que isso importa

Para quem mantém um app React e se preocupa com peso de bundle, o Redact é um teste barato de fazer: mexe na configuração de build, não no código. A leitura prática é medir nas telas mais pesadas, já que o render síncrono pode custar responsividade. Os números são de builds completos e variam por app, então vale reproduzir antes de decidir.

Linha do tempo

  1. CEVIU noticia a API do React reconstruída para o TanStack Start, com cerca de 9KB gzip.

  2. Redact 0.2.0 chega com integrações estáveis para Start, Vite, Vinext e Next.js.

Perguntas frequentes

O que é o TanStack Redact?

É uma implementação menor das APIs do React e do React DOM para o navegador. Você a adiciona na configuração de build e o código existente passa a usá-la. Funciona com TanStack Start, Vite, Vinext e Next.js.

Preciso reescrever meu código para usar o Redact?

Segundo o projeto, não. Imports, componentes, hooks e dependências continuam iguais, e só a configuração de build muda. Há um guia de compatibilidade que explica os limites.

Qual é a desvantagem do Redact em relação ao React?

A renderização é síncrona, sem time slicing nem renders interrompíveis. Um render pesado ainda pode atrasar a entrada do usuário. O recomendado é testar nas telas mais ocupadas do seu app.

Como fica o uso com Next.js e Vinext?

O React segue no servidor, com renderização e Server Components. O Redact cuida da hidratação e da renderização no navegador. O framework mantém roteamento, cache e Server Actions.

Fontes

Avalie este artigo:
Categoria
CEVIU Web Dev
Publicado
27 de outubro de 2026
Editoria
CEVIU Web Dev

Quer receber mais sobre CEVIU Web Dev?

Conteúdo curado diariamente, direto no seu e-mail.

Conteúdo curado diariamenteDiversas categoriasCancele quando quiser