useMemo ve useCallback'i her yerde kullanmak neden doğru değildir?

Cevap

Her iki hook da bir maliyetle gelir: her render'da bağımlılık dizisi karşılaştırılır, önceki değer bellekte tutulur ve kod okunması zorlaşır.

Faydalı olduğu durumlar:

  • Gerçekten pahalı bir hesaplama (binlerce elemanlı liste sıralama, filtreleme)
  • React.memo ile sarılmış bir çocuğa geçen nesne/fonksiyon prop'u
  • Başka bir hook'un bağımlılık dizisine giren değer (gereksiz effect tetiklenmesini önlemek)

Faydasız olduğu durumlar: basit hesaplamalar, memo'suz çocuklara geçen fonksiyonlar, zaten primitive olan değerler.

React 19 ile gelen React Compiler, bu memoizasyonu derleme sırasında otomatik yaparak elle useMemo / useCallback yazma ihtiyacını büyük ölçüde azaltır.

  1. Virtual DOM nedir ve reconciliation nasıl çalışır?KolayReactFrontend
  2. Listelerde key prop neden önemlidir? Index kullanmak neden sorunludur?KolayReactFrontend
  3. Controlled ve uncontrolled component farkı nedir?KolayReactFrontend
  4. useEffect bağımlılık dizisi nasıl çalışır?OrtaReactFrontend
  5. useMemo ile useCallback arasındaki fark nedir?OrtaReactFrontend
  6. Gereksiz render'ları nasıl tespit eder ve önlersiniz?ZorReactFrontend

Bu konuda başka bir soru biliyor musun?

Mülakatta karşılaştığın soruları ekle, onaylandıktan sonra yayına alınsın.

Soru ekle