Frontend dünyasında React’in deklaratif yapısı işimizi kolaylaştırsa da, “re-render” maliyetlerini göz ardı etmek, kullanıcı deneyimini (UX) ciddi oranda düşüren performans sorunlarına yol açar. Bir bileşenin render olması, tüm alt ağacının da render olması demektir.
Memoization: useMemo ve useCallback
Her fonksiyonu `useCallback` içine sarmak yaygın bir acemi hatasıdır. Memoization işleminin de bir maliyeti vardır. Eğer bir işlem (örneğin basit bir string birleştirme) çok ucuzsa, bunu memorize etmek sistem belleğine gereksiz yük bindirir.
Bir yanıt yazın