ZorReactFrontend

Gereksiz render'ları nasıl tespit eder ve önlersiniz?

Cevap

  • React DevTools Profiler ile hangi bileşenin neden render olduğunu ölçün.
  • State'i ihtiyaç duyulan en alt bileşene taşıyın (state colocation).
  • Saf alt bileşenleri React.memo ile sarın, prop olarak geçen nesne ve fonksiyonları useMemo/useCallback ile sabitleyin.
  • Büyük context'leri bölün; sık değişen değerleri ayrı context'e alın.
  • Uzun listelerde sanallaştırma (virtualization) kullanın.

Mülakat Defteri editörleri ·

  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

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