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
CEVIU noticia a API do React reconstruída para o TanStack Start, com cerca de 9KB gzip.
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
- tanstack.comfonte original
- Categoria
- CEVIU Web Dev
- Publicado
- 27 de outubro de 2026
- Editoria
- CEVIU Web Dev

