Custom Hooks and Effects
Menentukan kapan useEffect benar-benar diperlukan, membersihkan subscription, dan mengekstrak behavior berulang menjadi custom hook kecil.
Ikuti lesson dari atas ke bawah agar konsepnya nyambung. Kamu tetap bisa membuka lesson mana pun untuk review.
Alur belajar module
Lesson disusun sebagai jalur belajar. Uji Kompetensi di akhir menjadi checkpoint sebelum lanjut module berikutnya.
Kapan Perlu `useEffect`?
Membedakan pekerjaan yang cukup dihitung saat render dari pekerjaan yang perlu menyinkronkan React dengan sistem di luar React.
Cleanup dan Dependency Array
Memahami kapan effect dijalankan ulang, mengapa cleanup diperlukan, dan cara memperbaiki timer sederhana agar tidak menumpuk.
Custom Hook Dasar
Mengekstrak stateful behavior yang berulang ke function bernama use agar component UI tetap fokus pada tampilan.
Browser Subscription Hook
Membuat custom hook kecil yang membaca ukuran browser dan membersihkan event listener resize dengan aman.
Uji Kompetensi Custom Hooks and Effects
Checkpoint kesiapan memilih useEffect dengan tepat, membersihkan subscription, dan menjelaskan tanggung jawab custom hook.