Cara Kerja Aplikasi Redux

Sekarang, setelah dilengkapi dengan terminologi, kita dapat secara singkat meninjau tahapan utama kerja aplikasi Redux, yang akan Anda buat nanti.

Cara kerja aplikasi mengikuti ide aliran data searah, seperti yang telah kami sebutkan sebelumnya.

Pada tahap inisialisasi (saat pertama kali menjalankan aplikasi), store dibuat menggunakan reducer akar. Store memanggil reducer ini sekali saja dan mencatat nilai yang dikembalikannya sebagai state awal. Pada saat rendering pertama, komponen aplikasi menggunakan state saat ini, yang tercatat dalam store. Mereka juga berlangganan pembaruan store untuk segera mengetahui tentang perubahan state.

Selama operasi lebih lanjut dari aplikasi, berikut yang terjadi. Misalkan pengguna mengklik tombol. Dalam hal ini, sebuah action dibentuk menggunakan kode, yang kemudian dikirim ke store. Store sekali lagi menjalankan reducer dengan state yang disimpannya dan action yang diterima. Sebagai hasilnya, nilai state yang diubah disimpan sebagai yang baru. Store juga memberi tahu komponen yang berlangganan tentang perubahan bahwa perubahan telah terjadi. Pada gilirannya, komponen memeriksa apakah bagian state yang mereka butuhkan telah diubah. Akhirnya, jika perubahan memang terjadi, komponen memicu rendering untuk menampilkan data yang baru.