📝
Performance

Formulários Lentos

Dividir em seções memoizadas isola re-renders — apenas a seção do campo alterado re-renderiza.

Definição

Formulários complexos sofrem com re-render em cascata: ao digitar em um campo, todos os outros re-renderizam. A solução é isolar campos em componentes memoizados ou usar bibliotecas que isolam re-render por campo (react-hook-form).

🔴 Problema

Formulário com 50 campos: cada keystroke re-renderiza todos os 50 campos desnecessariamente.

Solução

Agrupar campos em seções com React.memo. Ao digitar em uma seção, apenas ela re-renderiza.

💡 Dica Senior

Alternativa ainda melhor: react-hook-form — isola re-renders por campo nativamente, sem memo manual.

Perguntas de Entrevista

12/48