Apa itu hook

Untuk yang lagi ngulik library-library baru seperti React pasti akan bersentuhan dengan kata ini “Hook”. Kalau yang nonton film atau youtube bahasa inggris subtitlenya harus dinyalain pasti langsung menuju google terjemahan . Dan yang di dapatkan kait, mengaitkan, menghubungkan. Wow sangat menjelaskan bukan.

Sebagai seorang programmer nguliknya harus dalam lagi dong. Tanya lagi tuh om gugel. “Apa itu hook dalam pemrograman”. Dan yang muncul harapannya artikel ini sih.

Hook itu …

kayak lagi improvisasi dalam musik. Sering kan denger penyanyi/musisi kalau lagi live suaranya di lengking-lengkingin atau suara gitar nya di tambah-tambahin dari yang di rekaman. Btw lagi pandemi ginihh nonton musik livenya dari hp didalam kamar. Kurang asik enggak sih.

Belum nangkep dan masih bingung penjelasan barusan. Oke gue bikin lebih bingung, eehhh lebih paham dongss. Oke jokesnya kurang lucu, anda tidak perlu tertawa.

Masih ingat dengan jemimah indonesian idol, begini nasibnya sekarang. Kata artikel.

Masih ingatkan yang viral itu saat dia lagi nyanyi lagunya ungu cinta dalam hati. Pas bagian “Da….n i….zinkan aku…. meme..e. ee.. .luk di..ii..i.rimu ka..li ini… sa..ja”. Ayo suaranya dikeluarin . Biarkan orang lain menikmati bakat terpendam anda.

Oke cukup. Kembali ke pembahasan. Kalau di lagu aslinya si pasha pas di bait itu biasa aja kan. Enggak di cengkok-cengkokkin. Nah si jemimah tambahin sendiri dari lagu/musik yang sudah ada. Dia improv sesuai keinginannya tanpa merusak lagu aslinya, malah lebih asik didengar. Yah sesuai selara aja sih.

Sama seperti sistem hook. Suatu program pada dasarnya sudah memilki alur tersendiri mulai dari program itu pertama kali dijalankan sampai dimatikan. Alur ini biasanya disebut Lifecycle atau siklus hidup, tuh gua lansung terjemahin enggak perlu ke tab gugel terjemahan lagi.

Dalam siklus yang sudah ada kita bisa melakukan improvisasi atau menambahkan dengan code yang dibuat sendiri.

Penggunaan kata hook menjadi sangat tepat, karena kita akan mengaitkan code kita pada siklus yang sudah ada. Tapi untuk mengaitkan tidak semudah itu ferguso. Ada beberapa aturan atau hanya pada beberapa kondisi tertentu saja kita dapat mengaitkan sebuah code buatan sendiri. Sebenarnya justru aturan ini lebih memudahkan.

Seperti pada React component menggunakan class dalam siklusnya terdapat componentWillMount, componentDidMount, componentDidUpdate, dan sebagainya, FYI kalau menggunakana fungsi doi pakai useState. Fungsi hook tersebut sudah memiliki waktu sendiri kapan ter-trigger, liat aja namanya.

Untuk penjelasan lebih lengkap kunjungi nih https://reactjs.org/docs/hooks-intro.html

“Jangan malas baca dokumentasi”

Kesimpulan

Jadi hook itu menambankan/mengaitkan code yang dibuat sendiri dengan program yang sudah memiliki alur sendiri.