Voltar
Remix v3: páginas rápidas, mas ecossistema ainda enxuto

Remix v3 entrega páginas mais leves, mas ecossistema ainda é limitado frente ao TanStack Start

Aprofundamento CEVIU

Aprofundamento

A Marmelab construiu o mesmo site, o Keyhaven (uma imobiliária fictícia de alto padrão), em Remix v3 e em TanStack Start, ambos com Claude Code, Context7, a skill que cada framework publica no npm e a skill Ponytail. O Remix v3 chegou como release candidate no fim de agosto de 2026, em um único pacote remix sem dependências externas: router, modelo de componentes, asset server e test runner. Ele não depende mais de React.

O modelo é o ponto central. No Remix, o componente renderiza no servidor e não manda JavaScript, a menos que clientEntry o marque como ilha. Só as ilhas hidratam (três na página de anúncio: carrossel, coração e contador do header). Já o TanStack Start hidrata a página inteira. Nas medições com Lighthouse 13.5 e throttling do DevTools (Slow 4G), o TanStack entrega 490 KB de JavaScript sem compressão contra 132 KB do Remix. O primeiro paint empata, com diferença de até 0,04 s, mas o Remix mostra a foto principal 0,26 s mais cedo na página de Cannes e 0,28 s na de detalhes. O Total Blocking Time fica bem abaixo de 200 ms nos dois.

As lacunas aparecem no tooling. Sem Vite e sem sistema de plugins, o Tailwind exigiu rodar a CLI ao lado do servidor e ligar a saída ao asset server na mão. Os testes usam remix test com seletores CSS, porque o Testing Library entrega CommonJS, que o runner não carrega. O runner também é separado do Vitest do monorepo. Em formulários, o remix/data-schema aceita Zod, mas não FormData direto, e a equipe resolveu com Object.fromEntries(). Para schemas que servem só ao Remix, os autores recomendam f.object(). Em componentes, o estado vive em closure e a tela só atualiza com handle.update(), e esquecer a chamada deixa a UI desatualizada sem erro.

O que mudou

A cobertura anterior ajuda a situar o lado TanStack Start da comparação. Em 21 de abril de 2026, o CEVIU noticiou "React Server Components: Uma Nova Abordagem com TanStack Start", e em 11 de maio de 2026, "Reengenharia do React: Performance e Projeções para o Futuro do Desenvolvimento Web", sobre uma API do React reconstruída para o TanStack Start, com gzip perto de 9KB contra cerca de 60KB. Em 27 de outubro de 2026, veio "TanStack Redact chega como alternativa menor e compatível ao runtime do React". O teste da Marmelab usa o TanStack Start com React padrão, então não mede o Redact. O que mudou é o contraponto: o Remix v3 chega ao mesmo objetivo de menos JavaScript pelo caminho oposto, sem React e com ilhas.

Por que isso importa

Para quem escolhe framework, a leitura é que desempenho não decide sozinho: o empate no primeiro paint mostra isso. O peso real está em Vite, Vitest, bibliotecas de UI e integração com o ecossistema React. Para quem opera times que já dominam React, o TanStack Start segue como aposta mais segura hoje, segundo a própria Marmelab. O Remix v3 fica como candidato para projetos pequenos e independentes. Quem testar deve medir com throttling do DevTools, não com a simulação padrão do Lighthouse, que gerou um falso gap de 2,5×.

Linha do tempo

  1. CEVIU noticia a nova abordagem de React Server Components no TanStack Start.

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

  3. CEVIU noticia o TanStack Redact, runtime menor e compatível com o React.

  4. Comparação da Marmelab mostra o Remix v3 com menos JavaScript, mas com ecossistema limitado frente ao TanStack Start.

Perguntas frequentes

O Remix v3 ainda depende de React?

Não. A equipe do Remix anunciou no fim de 2025 que o v3 deixaria de depender de React. Ele vem em um único pacote, remix, com router, modelo de componentes, asset server e test runner, sem dependências externas.

O Remix v3 é mais rápido que o TanStack Start?

Em parte. O primeiro paint foi praticamente igual nas duas páginas testadas. O Remix mostrou a foto principal cerca de 0,26 s a 0,28 s antes e enviou 132 KB de JavaScript contra 490 KB. A Marmelab conclui que performance não deve decidir a escolha.

Dá para usar Tailwind e Vitest no Remix v3?

Não de forma direta. Sem Vite e sem plugins, o Tailwind exigiu rodar a CLI em paralelo e ligar a saída ao asset server. Os testes rodam no remix test, um runner separado do Vitest, com seletores CSS em vez de roles.

Quando a Marmelab recomenda o Remix v3?

Para projetos pequenos e independentes, com poucas dependências externas. Para projetos maiores, ela aponta falta de reatividade automática e de integração com o ecossistema existente. Na maioria dos casos, recomenda o TanStack Start porque o time já conhece React.

Fontes

Avalie este artigo:
Categoria
CEVIU Web Dev
Publicado
13 de novembro 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