🧠
Performance
React.memo + areEqual
Evita re-renders comparando props por valor, não por referência.
Definição
React.memo é um Higher-Order Component (HOC) que memoiza um componente funcional. Por padrão, faz comparação rasa (===) das props. O segundo argumento (areEqual) permite comparação customizada — útil quando props são objetos/arrays.
🔴 Problema
Componente re-renderiza mesmo que os dados não mudaram — apenas a referência do objeto mudou.
✅ Solução
Usar React.memo com função areEqual customizada para comparar valores reais, não referências.
💡 Dica Senior
Use areEqual customizado quando suas props são objetos ou arrays. Para primitivos, React.memo padrão já basta.
Perguntas de Entrevista
1/48