Hookid Reactis

Selles õppetükis alustame hookidega tutvumist. Me oleme nendega juba kokku puutunud, kui õppisime seisundeid - seal õppisime töötama seisundi hookiga useState.

Üldiselt on hookid tavalised JavaScripti funktsioonid, mille nimed algavad sõnaga 'use'.

Hookid võimaldavad meil kasutada seisundeid ja muid Reacti võimalusi ilma klassideta. Need lihtsustavad koodi taaskasutamist erinevateks ülesanneteks, samuti selle testimist ja aitavad jagada keerukaid komponente lihtsamateks funktsioonideks vastavalt nende otstarbele. Mõned hookid suudavad isegi asendada Reduxi funktsionaalsust. Peale selle aitavad hookid parandada rakenduse jõudlust.

Kui soovite hooke kasutada, järgige kahte põhireeglit. Esiteks, kasutage neid ainult ülemisel tasandil - ärge kutsuge neid tsüklite sees, tingimuslausetes või pesastatud funktsioonides. Teiseks tuleb hooke kutsuda ainult Reacti funktsioonidest (Reacti komponentidest või kasutajate loodud hookidest), kuid mitte tavalistest JavaScripti funktsioonidest.

Samuti on programmeerijate poolt tehtav viga hookide kontrollitu kasutamine koodis. Enne kui kasutate seda või teist hooki, veenduge, et see on tõesti vajalik.

Järgmises õppetükis vaatleme hookide tüüpe.