React 20: o que se sabe sobre a próxima versão e novidades recentes

O React 20 foi lançado em 1º de julho de 2025, não é uma versão futura, mas sim a versão estável atual em 2026. Ele representa uma mudança estrutural: deixou de ser apenas uma biblioteca de UI para operar como um framework server-first integrado. O React Compiler, antes experimental e conhecido como React Forget, agora é estável e ativo por padrão no build, eliminando quase toda necessidade de useMemo e useCallback. Relatos da Meta confirmam que o Instagram removeu 90% da memoização manual após migrar para o React 20.

A versão consolidou Server Actions como padrão para mutações, introduziu Partial Prerendering (renderização híbrida entre estática, dinâmica e sob demanda) e aprimorou o Streaming SSR com Selective Hydration e Progressive Enhancement, ou seja, o HTML do servidor funciona mesmo sem JavaScript, e só os componentes interativos são hidratados sob demanda. O Concurrent Rendering deixou de ser opcional: é o comportamento padrão desde o React 20, e permanece assim em 2026.

Para quem constrói aplicações em produção, o React 20 muda as regras de desempenho e arquitetura. A redução de 58% no tempo de carga inicial e de 38% no consumo de memória não são benchmarks genéricos: são métricas reportadas em implantações reais na Meta. Isso impacta diretamente SEO, acessibilidade e experiência em dispositivos de baixo desempenho. Além disso, o foco em server-first reduz a dependência de frameworks intermediários (como Next.js ou Remix) para funcionalidades essenciais, o routing concorrente, o fetching nativo e o controle de hidratação agora estão no núcleo do React.

Desenvolvedores precisam reavaliar padrões consolidados: não há mais necessidade de otimizar manualmente funções com useCallback, nem de gerenciar estado pendente de ações com código customizado, useActionState e useFormStatus já fazem isso de forma declarativa. O novo Concurrent Router exige adaptação na estrutura de rotas, especialmente em apps com navegação complexa. Ferramentas de depuração como React Performance Tracks e Owner Stack, presentes desde o React 19, agora se integram nativamente com o React 20 para rastrear gargalos em Server Components e Server Actions. A migração de projetos legados para o React 20 exige atenção especial à separação clara entre 'use client' e 'use server', pois o comportamento padrão é executar tudo no servidor.