Hooky v Reacte

V tejto lekcii začneme s oboznamovaním sa s hookmi. My sme sa s nimi už stretli, keď sme študovali stavy - tam sme sa naučili pracovať s hookom stavu useState.

Vo všeobecnosti, hooky sú obyčajné JavaScriptové funkcie, ktorých mená začínajú slovom 'use'.

Hooky nám umožňujú používať stavy a ďalšie možnosti Reactu bez použitia tried. Oni zjednodušujú opätovné použitie kódu pre rôzne úlohy, ako aj jeho testovanie a pomáhajú rozdeľovať zložité komponenty na jednoduchšie funkcie podľa ich určenia. Niektoré hooky sú dokonca schopné nahradiť funkcionalitu Reduxu. K tomu všetkému, hooky pomáhajú zlepšiť výkonnosť aplikácie.

Ak chcete používať hooky, tak dodržiavajte dve základné pravidlá. Po prvé, používajte ich iba na najvyššej úrovni - nevolajte ich vo vnútri cyklov, podmienených operátorov alebo vnorených funkcií. Po druhé, volať hooky treba iba z Reactových funkcií (z React komponentov alebo užívateľských hookov), ale nie z obyčajných funkcií JavaScriptu.

Tiež chybou, ktorú robia programátori, je nekontrolované používanie hookov v kóde. Predtým než použijete ten alebo onen hook, uistite sa, že je naozaj potrebný.

V ďalšej lekcii sa pozrieme na typy hookov.