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
Baca pelajaran ini dalam bahasamu
Semua pelajaran di kursus ini
17 pelajaran- 1Apa itu React?25 mnt
- 2JSX dan Components30 mnt
- 3Props30 mnt
- 4State dengan useState35 mnt
- 5Menangani Peristiwa30 mnt
- 6Rendering Bersyarat dan Daftar30 mnt
- 7Formulir dan Controlled Inputs35 mnt
- 8Effects dengan useEffect40 mnt
- 9Pengambilan Data40 mnt
- 10Komposisi Component35 mnt
- 11Context dan useContext35 mnt
- 12useReducer35 mnt
- 13Hook Kustom35 mnt
- 14Performa dan Memoization35 mnt
- 15Perutean dengan React Router40 mnt
- 16Menguji Components React40 mnt
- 17Capstone: Aplikasi Todo60 mnt
Lihat kursus lain
