Hooks dalam React

Dalam pelajaran ini, kita akan mulai berkenalan dengan hooks. Kita sudah pernah menjumpainya ketika mempelajari state - di sana kita belajar bekerja dengan hook state useState.

Secara umum, hooks adalah fungsi JavaScript biasa, yang namanya diawali dengan kata 'use'.

Hooks memungkinkan kita menggunakan state dan fitur React lainnya tanpa menggunakan kelas. Mereka memudahkan penggunaan ulang kode untuk berbagai tugas, serta pengujiannya dan membantu memecah komponen kompleks menjadi fungsi yang lebih sederhana berdasarkan tujuannya. Beberapa hook bahkan mampu menggantikan fungsionalitas Redux. Selain itu, hooks membantu meningkatkan kinerja aplikasi.

Jika Anda ingin menggunakan hooks, ikuti dua aturan utama. Pertama, gunakan hanya pada level teratas - jangan panggil mereka di dalam loop, pernyataan kondisional, atau fungsi bersarang. Kedua, memanggil hooks hanya boleh dari fungsi React (dari komponen React atau custom hooks), tetapi bukan dari fungsi JavaScript biasa.

Juga, kesalahan yang sering dilakukan programmer adalah penggunaan hooks yang tidak terkontrol dalam kode. Sebelum menggunakan hook tertentu, pastikan bahwa hook tersebut benar-benar diperlukan.

Dalam pelajaran berikutnya, kita akan membahas jenis-jenis hooks.