Hookit Reactissa

Tässä oppitunnissa aloitamme tutustumisen hookkeihin. Olemme jo kohdanneet niitä, kun opiskelimme tiloja - siellä opimme käyttämään tilahookkia useState.

Yleisesti ottaen hookit ovat tavallisia JavaScript-funktioita, joiden nimet alkavat sanalla 'use'.

Hookit antavat meille mahdollisuuden käyttää tiloja ja muita Reactin ominaisuuksia ilman luokkien käyttöä. Ne helpottavat koodin uudelleenkäyttöä eri tehtävissä, sekä sen testaamista ja auttavat jakamaan monimutkaiset komponentit yksinkertaisempiin funktioihin niiden käyttötarkoituksen mukaan. Jotkut hookit pystyvät jopa korvaamaan Reduxin toiminnallisuuden. Kaiken lisäksi hookit auttavat parantamaan sovelluksen suorituskykyä.

Jos haluat käyttää hookkeja, noudata kahta pääsääntöä. Ensinnäkin, käytä niitä vain ylätasolla - älä kutsu niitä silmukoiden sisällä, ehdollisissa lauseissa tai sisäkkäisissä funktioissa. Toiseksi, hookkeja tulee kutsua vain React-funktioista (React-komponenteista tai mukautetuista hookeista), mutta ei tavallisista JavaScript-funktioista.

Myös virhe, jonka ohjelmoijat tekevät, on hookkien hallitsematon käyttö koodissa. Ennen kuin käytät tiettyä hookkia, varmista, että se on todella tarpeen.

Seuraavassa oppitunnissa tarkastelemme hookkien tyyppejä.