Efek dalam React

Sebelum mempertimbangkan penerapan hook useEffect, kita perlu memahami, apa itu efek dalam React.

Efek atau efek samping (side effects) adalah tindakan tambahan yang memungkinkan komponen untuk terhubung dan menyinkronkan dengan sistem eksternal.

Sistem eksternal yang dimaksud adalah potongan kode atau aplikasi, yang tidak dikendalikan oleh React. Ini mencakup pekerjaan dengan jaringan, DOM browser, animasi, widget yang ditulis menggunakan library UI pihak ketiga, dan aplikasi lain yang tidak dibuat dengan React.

Efek memungkinkan menjalankan kode setelah render, sehingga memberikan kesempatan untuk menyinkronkan komponen Anda dengan sistem di luar React.

Efek dapat dijalankan pada momen penyusunan pertama komponen, pada saat perubahan nilai yang diamati atau ketika siklus hidup komponen berakhir.

Perlu diingat bahwa efek adalah semacam pintu "darurat" dari React, jangan disalahgunakan.