📖
Performance
Memoization
Cache de resultado para inputs iguais. Evita recomputação e re-renders desnecessários.
📚 O que é
React.memo: memoiza componente (evita re-render). useMemo: memoiza valor (evita recálculo). useCallback: memoiza função (mantém referência estável). Todos têm custo de comparação — use com profiling.
✅ Quando usar
Componente pesado que recebe props estáveis. Cálculo custoso (>1ms) com deps estáveis. Função passada para componente memoizado.
🚫 Quando NÃO usar
Componentes triviais. Props que mudam sempre. Cálculos rápidos. Sem profiling confirmando problema.
👍 Prós
Evita trabalho desnecessário
Melhora FPS em listas
Estabiliza referências para hooks
👎 Contras
Custo de comparação
Over-use piora tudo
Falsa sensação de segurança
Código mais complexo
🔗 Termos relacionados