Hook Kustom
Bagian dari kursus React
Kamu menulis sebuah drawer yang bisa dibuka dan ditutup. Tiga baris useState dan satu handler yang membalik boolean. Lalu hal yang sama untuk dropdown, lalu lagi untuk modal, lalu lagi untuk tautan "lihat selengkapnya". Sekarang empat komponen memuat enam baris yang sama persis, dan ketika kamu memutuskan bahwa toggle-nya juga harus mengingat keadaan terakhirnya, kamu harus mengubah keempatnya dan besar kemungkinan...
Custom hook adalah jalan keluarnya, dan bendanya jauh lebih biasa daripada kesan namanya. Ia adalah fungsi JavaScript biasa yang namanya diawali use dan yang memanggil hook bawaan React di dalamnya. Itu saja definisinya. Tidak ada sintaks khusus, tidak ada pendaftaran, tidak ada apa pun yang perlu diimpor dari React untuk mendeklarasikannya.
Ingin belajar React Hook Kustom di lingkungan nyata?
Klik di bawah, dapatkan mesin Linux dengan React siap pakai, dan kerjakan Hook Kustom secara praktik dengan tutor AI yang memahami kodemu.
Mulai pelajaran iniHook KustomYang akan kamu pelajari
- Extracting stateful logic into a function
- Use prefix convention
- UseToggle example
- UseLocalStorage example
- Hooks rules