React.memo nedir? Ne zaman işe yaramaz?

React.memo, bir bileşeni sarar ve prop'ları yüzeysel olarak değişmediyse yeniden render'ı atlar.

const UrunKarti = React.memo(function UrunKarti({ urun, onSec }) {
  return <div onClick={() => onSec(urun.id)}>{urun.ad}</div>;
});

İşe yaramadığı durumlar:

• Ebeveyn her render'da yeni nesne, dizi veya fonksiyon prop'u veriyorsa (style={{...}}, onSec={() => ...}) karşılaştırma her seferinde "değişti" der. Bunlar useMemo / useCallback ile sabitlenmelidir.
• Bileşen children alıyorsa (JSX her render'da yeni nesnedir).
• Bileşen zaten ucuzsa: karşılaştırmanın maliyeti kazançtan fazla olabilir.

Önce React DevTools Profiler ile gerçekten pahalı render'ı bulmak, sonra memo eklemek gerekir.