💡
Performance

React.memo — quando NÃO usar

Componentes muito leves custam mais para memoizar do que para re-renderizar normalmente.

Definição

React.memo tem um custo computacional próprio: a comparação de props executa a cada render do componente pai. Para componentes triviais ou que recebem props que mudam constantemente, esse custo supera o benefício.

🔴 Problema

React.memo tem custo próprio: comparação de props a cada render do pai. Para componentes triviais, esse custo supera o benefício.

Solução

Só memoizar componentes pesados que recebem as mesmas props com frequência.

💡 Dica Senior

Meça com React Profiler antes de memoizar. Muitas vezes o problema está no pai, não no filho.

Perguntas de Entrevista

11/48