Pada tulisan kali ini Konsep Koding akan berbagi tutorial mengenai bagaimana caranya membuat Custom Hooks pada React App yang kita buat, cara ini bisa digunakan pada ReactJs maupun React Native.

 Kenapa kita perlu membuat custom hooks pada app yang kita buat?. Jawabannya sederhana untuk membuat code kita lebih clean dan hooks tersebut bisa di reuse di semua fitur kita tanpa membuat duplikasi kode. 

Custom Hooks React


Apa yang akan kita pelajari?.

1. Membuat custom hooks

2. Memakai custom hooks tersebut pada component


Memulai Koding

Pertama pastikan kamu sudah membuat react project atau react native project. Di sini saya akan menggunakan ReactJS project app.

npx create-react-app custom-hooks

Kemudian ubah file App.js menjadi seperti kode di bawah ini :


Setelah itu buat file untuk custom hooks kita dengan nama file : useToggle.js kemudian tambahkan kode di bawah ini : 


Setelah itu hasilnya akan seperti pada gambar di bawah ini :




Sekian semoga tutorial custom hooks pada React dapat bermanfaat dan membantu kamu yang sedang mempelajari ReactJS maupun React Native. Semoga bermanfaat Happy Coding and Keep Learning.