Arkadaşlar merhaba, son zamanlarda React ile geliştirdiğim bir projede ciddi performans sorunları yaşamaya başladım. Özellikle liste bileşenlerinde ve sık sık güncellenen alt bileşenlerde gecikmeler oluyor. Mesela bir tablo bileşenim var, içinde yaklaşık 200-300 satır veri gösteriyorum ve her satırda birkaç buton, input alanı var. Veriler değiştiğinde sayfa donuyor gibi hissediyorum. useMemo ve useCallback ile işleri toparlamaya çalıştım ama tam istediğim gibi olmadı. Acaba React.memo kullanmak yeterli mi, yoksa state yönetimini mi değiştirmeliyim? Bu konuda tecrübesi olan var mı?
Bir de özellikle form bileşenlerinde sorun yaşıyorum. Kullanıcı her karakter yazdığında tüm bileşen yeniden render oluyor. Debounce ekledim ama yine de hissedilir bir yavaşlama var. Acaba controlled component yerine uncontrolled component kullanmayı mı denemeliyim? Ya da React’teki "batching" olayını yanlış mı kullanıyorum? Son güncellemelerle bu konuda bir değişiklik oldu mu, emin değilim. Sizler nasıl bir yol izliyorsunuz büyük formlarda?
Son olarak, virtual scrolling ve windowing gibi kütüphaneler (örneğin react-virtualized veya react-window) işe yarıyor mu? Bunları entegre etmek projenin başka yerlerinde performansı düşürür mü, yoksa sadece liste bileşenlerinde mi fayda sağlar? Özellikle büyük veri setleriyle çalışanlar var mı aranızda, hangi stratejileri kullanıyorsunuz? Merak ediyorum, çünkü bu sorunu çözmezsem proje ilerleyen aşamalarda iyice içinden çıkılmaz hale gelecek. Herkesin fikri benim için değerli.
Bir de özellikle form bileşenlerinde sorun yaşıyorum. Kullanıcı her karakter yazdığında tüm bileşen yeniden render oluyor. Debounce ekledim ama yine de hissedilir bir yavaşlama var. Acaba controlled component yerine uncontrolled component kullanmayı mı denemeliyim? Ya da React’teki "batching" olayını yanlış mı kullanıyorum? Son güncellemelerle bu konuda bir değişiklik oldu mu, emin değilim. Sizler nasıl bir yol izliyorsunuz büyük formlarda?
Son olarak, virtual scrolling ve windowing gibi kütüphaneler (örneğin react-virtualized veya react-window) işe yarıyor mu? Bunları entegre etmek projenin başka yerlerinde performansı düşürür mü, yoksa sadece liste bileşenlerinde mi fayda sağlar? Özellikle büyük veri setleriyle çalışanlar var mı aranızda, hangi stratejileri kullanıyorsunuz? Merak ediyorum, çünkü bu sorunu çözmezsem proje ilerleyen aşamalarda iyice içinden çıkılmaz hale gelecek. Herkesin fikri benim için değerli.