Arama sonuçlarınız

Geçen ay eski bir projeyi devraldım, liste ekranı 300 satırlık bir component olmuş. Kullanıcı bir input'a yazı yazdığında bütün tablo yeniden render oluyor, haliyle takılmalar başlıyor. İşin kötüsü bunu fark etmek için ne React DevTools'un profiler'ını düzgün kullanmayı biliyordum ne de nereden...

React'te uygulama büyüdükçe ilk günlerde fark etmediğiniz yavaşlamalar bir anda kendini göstermeye başlıyor. Özellikle listeler, formlar ve dashboard ekranlarında gereksiz render'lar hem kullanıcıyı hem de sunucuyu yoruyor. Aşağıda benim projelerimde en çok işe yarayan pratik adımları...