React 19: O Adeus ao useMemo e a Nova Era da Performance Automática

O React 19 chegou para mudar a forma como pensamos sobre performance no frontend. Durante anos, passamos horas a debater se devíamos usar useMemo ou useCallback em cada função. Com a introdução do React Compiler, essa era chegou ao fim.

O React Compiler: Performance Automática

A grande estrela desta versão é, sem dúvida, o compilador. Ele analisa o teu código e aplica a memoização automaticamente onde for necessário. Isso significa que o código fica mais limpo, legível e, acima de tudo, performático por defeito.

Não precisas mais de sujar o teu componente com useMemo(() => ...) para evitar re-renderizações desnecessárias. O React trata disso por ti.

Actions: Simplificando Formulários

Outra grande novidade são as Actions. A integração com formulários nativos do HTML <form> é agora de primeira classe.

• useActionState: Gere o estado de carregamento e erros de submissão de forma declarativa.
• useFormStatus: Permite que componentes filhos saibam se o formulário pai está a ser submetido, sem prop drilling.
• useOptimistic: Facilita a atualização da UI antes mesmo da resposta do servidor, criando aquela sensação de app instantânea.

Adeus forwardRef

Finalmente, podemos passar ref como uma prop normal para qualquer componente. O forwardRef, que sempre foi um ponto de confusão para iniciantes (e veteranos), foi descontinuado.

Conclusão

O React 19 não é apenas uma atualização incremental; é uma mudança de paradigma que remove a complexidade acidental que acumulámos ao longo dos anos. Se ainda não atualizaste, está na hora de experimentar o futuro.