Arkadaşlar selam, uzun zamandır React ile çalışıyorum ama son projelerimde özellikle büyük liste renderlarında ve state güncellemelerinde ciddi UI donmaları yaşıyorum. Özellikle Redux veya Context API kullanırken, bir state değişikliği tüm bileşen ağacını gereksiz yere render ediyormuş gibi hissediyorum. Mesela bir tablodaki tek bir satırı güncellemek istediğimde, tüm sayfa 2-3 saniye donuyor ve kullanıcı deneyimi berbat oluyor.
Ben şimdilik useMemo ve useCallback ile bazı iyileştirmeler yaptım ama hala özellikle alt bileşenlerde React.memo kullanmama rağmen sorun tam olarak çözülmedi. Acaba state'i daha atomik parçalara bölmek mi gerekiyor? Yoksa Immer gibi kütüphaneler immutable update performansını artırabilir mi? Bir de Context API yerine daha lightweight bir state management aracı mı kullanmalıyım? Zustand veya Jotai duydum, bu araçlarla donma sorunu yaşayan var mı?
Merak ediyorum, siz benzer problemleri nasıl çözdünüz? Özellikle büyük ölçekli projelerde state güncellemelerini yönetirken hangi pattern veya araçları tercih ediyorsunuz? Virtualization kullanmak dışında (zaten react-window denedim) başka önerileriniz var mı? Cidden can sıkıcı bir durum, tecrübelerinizi paylaşırsanız çok sevinirim.
Ben şimdilik useMemo ve useCallback ile bazı iyileştirmeler yaptım ama hala özellikle alt bileşenlerde React.memo kullanmama rağmen sorun tam olarak çözülmedi. Acaba state'i daha atomik parçalara bölmek mi gerekiyor? Yoksa Immer gibi kütüphaneler immutable update performansını artırabilir mi? Bir de Context API yerine daha lightweight bir state management aracı mı kullanmalıyım? Zustand veya Jotai duydum, bu araçlarla donma sorunu yaşayan var mı?
Merak ediyorum, siz benzer problemleri nasıl çözdünüz? Özellikle büyük ölçekli projelerde state güncellemelerini yönetirken hangi pattern veya araçları tercih ediyorsunuz? Virtualization kullanmak dışında (zaten react-window denedim) başka önerileriniz var mı? Cidden can sıkıcı bir durum, tecrübelerinizi paylaşırsanız çok sevinirim.