Arkadaşlar selam, uzun zamandır React ile uğraşıyorum ve projelerde en çok zorlandığım konulardan biri büyük veri setlerini tablolarda performanslı bir şekilde göstermek oldu. Özellikle 10.000+ satırlı verilerde, her satırda birden çok kolon ve iç içe bileşenler olunca işler cidden can sıkıcı hale geliyor. Ben genelde react-virtualized veya react-window kullanarak sanal kaydırma yapıyorum, ama bazen bu kütüphanelerin esnekliği yetmiyor, özellikle de tabloya filtreleme, sıralama ve satır seçme gibi özellikler ekleyince performans tekrar dibe vuruyor.
Kendi bileşenimi sıfırdan yazmayı düşünüyorum, çünkü mevcut kütüphanelerin çoğu ya çok ağır geliyor ya da ihtiyacım olan özelleştirmeyi sunmuyor. Şu an kafamda şöyle bir plan var: veriyi useMemo ile memoize etmek, her satırı ayrı bir bileşen yapıp React.memo ile sarmak, ve sadece görünür alandaki satırları render etmek. Ayrıca kolon bazında lazy loading düşünüyorum, yani scroll yapıldıkça kolonların içeriğini getirmek. Ama bu noktada kafam karışık, çünkü bu kadar optimizasyon yapmak gerçekten gerekli mi, yoksa var olan bir kütüphaneyi iyice kurcalayarak mı halletmek daha mantıklı?
Siz bu konuda ne yapıyorsunuz? Hiç kendi tablo bileşeninizi yazmayı denediniz mi? Veya kullandığınız bir kütüphane var mı ki 100 bin satırda bile takılmadan çalışıyor? Özellikle ag-Grid veya Material-UI Table ile ilgili deneyimlerinizi merak ediyorum. Ayrıca, virtual scrolling yaparken satır yükseklikleri değişken olunca (örneğin bir satırda uzun metin var) nasıl bir çözüm üretiyorsunuz? Yorumlarınızı bekliyorum, belki birlikte daha sağlam bir yapı kurabiliriz.
Kendi bileşenimi sıfırdan yazmayı düşünüyorum, çünkü mevcut kütüphanelerin çoğu ya çok ağır geliyor ya da ihtiyacım olan özelleştirmeyi sunmuyor. Şu an kafamda şöyle bir plan var: veriyi useMemo ile memoize etmek, her satırı ayrı bir bileşen yapıp React.memo ile sarmak, ve sadece görünür alandaki satırları render etmek. Ayrıca kolon bazında lazy loading düşünüyorum, yani scroll yapıldıkça kolonların içeriğini getirmek. Ama bu noktada kafam karışık, çünkü bu kadar optimizasyon yapmak gerçekten gerekli mi, yoksa var olan bir kütüphaneyi iyice kurcalayarak mı halletmek daha mantıklı?
Siz bu konuda ne yapıyorsunuz? Hiç kendi tablo bileşeninizi yazmayı denediniz mi? Veya kullandığınız bir kütüphane var mı ki 100 bin satırda bile takılmadan çalışıyor? Özellikle ag-Grid veya Material-UI Table ile ilgili deneyimlerinizi merak ediyorum. Ayrıca, virtual scrolling yaparken satır yükseklikleri değişken olunca (örneğin bir satırda uzun metin var) nasıl bir çözüm üretiyorsunuz? Yorumlarınızı bekliyorum, belki birlikte daha sağlam bir yapı kurabiliriz.