Hooks dalam React

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

Secara umum, hooks adalah fungsi JavaScript biasa, nama yang bermula dengan perkataan 'use'.

Hooks membolehkan kita menggunakan state dan ciri-ciri lain React tanpa menggunakan kelas. Ia memudahkan penggunaan semula kod untuk pelbagai tugas, serta pengujiannya dan membantu memecahkan komponen kompleks kepada fungsi yang lebih mudah berdasarkan tujuan mereka. Sesetengah hooks bahkan mampu menggantikan fungsi Redux. Di samping itu, hooks membantu meningkatkan prestasi aplikasi.

Jika anda ingin menggunakan hooks, ikuti dua peraturan asas. Pertama, gunakannya hanya pada peringkat atas - jangan panggil mereka di dalam gelung, penyata bersyarat atau fungsi bersarang. Kedua, memanggil hooks hanya boleh dari fungsi React (dari komponen React atau hooks pengguna), tetapi bukan dari fungsi JavaScript biasa.

Juga kesilapan yang dilakukan oleh pengaturcara adalah penggunaan hooks yang tidak terkawal dalam kod. Sebelum menggunakan hook tertentu, pastikan ia benar-benar diperlukan.

Dalam pelajaran seterusnya, kita akan melihat jenis-jenis hooks.