Hookok a Reactben

Ebben a leckében megismerkedünk a hookokkal. Már találkoztunk velük, amikor a állapotokat tanulmányoztuk - ott megtanultuk kezelni az állapot hookot useState.

Általánosságban a hookok közönséges JavaScript-függvények, amelyek nevei a 'use' szóval kezdődnek.

A hookok lehetővé teszik számunkra, hogy állapotokat és a React egyéb lehetőségeit osztályok használata nélkül használjuk. Megkönnyítik a kód újrafelhasználását különböző feladatokra, valamint a tesztelését és segítenek összetett komponenseket egyszerűbb függvényekre bontani céljuk szerint. Néhány hook még a Redux funkcionalitását is helyettesíteni képes. Mindemellett a hookok segítenek javítani az alkalmazás teljesítményét.

Ha hookokat szeretnél használni, akkor kövess két alapvető szabályt. Először is, csak a legfelső szinten használd őket - ne hívd őket ciklusok, feltételes utasítások vagy beágyazott függvények belsejében. Másodszor, a hookokat csak React függvényekből szabad hívni (React komponensekből vagy egyéni hookokból), de nem közönséges JavaScript függvényekből.

Az a hiba is, amit a programozók elkövetnek, a hookok irányítás nélküli használata a kódban. Mielőtt egy adott hookot használnád, győződj meg róla, hogy az valóban szükséges.

A következő leckében a hookok típusait vizsgáljuk meg.