Effects dengan useEffect

Bagian dari kursus React

Sejauh ini tugas sebuah komponen adalah melihat props dan state yang dipegangnya lalu menjawab satu pertanyaan: apa yang harus ada di layar sekarang. Jawaban itu harus keluar sama persis setiap kali kamu menanyakannya dengan input yang sama, seperti kalkulator yang memberi hasil yang sama untuk 2 + 2 berapa kali pun kamu menekan sama dengan.

Sebuah efek samping adalah apa pun yang dilakukan sepotong kode yang menjangkau ke luar dari "ambil input ini, kembalikan sebuah nilai": menyentuh timer, koneksi jaringan, API browser, atau apa pun yang hidup terlepas dari komponenmu. Me-render sebuah komponen tidak boleh sendirinya menyebabkan hal-hal itu terjadi, karena render seharusnya aman dijalankan berapa kali pun, termasuk saat React menjalankannya sekadar...