Mengoptimumkan Prestasi Aplikasi React: Cara Cekap untuk Menunjukkan Sebilangan Besar Projek

Question

Saya sedang membangunkan aplikasi React dan perlu memaparkan senarai item yang besar (ribuan baris). Pada masa ini, prestasi sangat perlahan apabila pengguna menatal senarai atau menapis item. Adakah terdapat cara untuk mengoptimumkan prestasi aplikasi React saya untuk meningkatkan pengalaman pengguna?

Beberapa maklumat tambahan:

- Saya menggunakan komponen dan cangkuk fungsi React untuk memaparkan senarai item. - Setiap item dalam senarai mengandungi berbilang medan data, termasuk teks dan gambar.

- Saya sedang menggunakan fungsi peta terbina dalam untuk memaparkan senarai item.

- Saya menggunakan perpustakaan untuk mengendalikan penapisan dan pengisihan senarai item.

- Saya telah mencuba menggunakan shouldComponentUpdate dan React.memo untuk meningkatkan prestasi, tetapi ia masih tidak cukup pantas.

Saya terbuka kepada sebarang cadangan, termasuk menggunakan perpustakaan pihak ketiga atau menulis semula bahagian aplikasi jika perlu. Terima kasih terlebih dahulu atas bantuan anda!

Answer 1

Anda boleh menggunakan perpustakaan react-window. Ia berguna untuk memayakan tatal dalam senarai dengan sejumlah besar elemen, dan akan membantu anda dengan penalaan prestasi.