Performa dan Memoization

Bagian dari kursus React

Aplikasimu punya tabel berisi dua ribu baris dengan kotak pencarian di atasnya. Tiap ketukan tombol terasa berat: kamu mengetik, dan setengah detik kemudian hurufnya baru muncul. Tidak ada yang rusak, dan kodenya kelihatan wajar. Yang terjadi adalah satu karakter di kotak pencarian membuat React menjalankan ulang kedua ribu komponen baris itu, menyimpulkan bahwa hampir tidak ada yang berubah, lalu memperbarui layar.

React merender ulang dengan bebas dan itu memang disengaja, dan sebagian besar waktu itulah yang benar, karena menjalankan fungsi komponen itu murah dan React pandai menghitung perubahan seminimal mungkin yang perlu dia lakukan di halaman. Sesekali itu tidak benar, dan untuk kasus-kasus itu React memberimu tiga alat untuk berkata "hasil ini tidak berubah, pakai lagi yang sebelumnya". ...