Day 2: Bagaimana React Memperbarui UI
Kemarin saya mempelajari apa yang dilakukan React. Hari ini saya mempelajari bagaimana cara melakukannya.
Dulu saya bertanya-tanya bagaimana React tahu persis apa yang harus diubah di UI. Jika Anda mengubah satu kata dalam sebuah paragraf, apakah React membangun ulang seluruh halaman? Tidak. React menggunakan proses cerdas agar tetap cepat.
Berikut adalah rincian siklus pembaruan React.
Rekonsiliasi dan Diffing
Rekonsiliasi adalah strateginya. Diffing adalah metode sebenarnya. React membandingkan pohon Virtual DOM yang baru dengan yang lama.
Membandingkan dua pohon adalah hal yang sulit bagi komputer. Algoritma standar terlalu lambat. React tetap cepat dengan membuat dua