Hooky v Reactu

V této lekci začneme s seznamováním s hooky. Už jsme se s nimi setkali, když jsme studovali stavy - tam jsme se naučili pracovat s hookem stavu useState.

Obecně jsou hooky obyčejné funkce JavaScriptu, jejichž jména začínají slovem 'use'.

Hooky nám umožňují používat stavy a další možnosti Reactu bez použití tříd. Usnadňují opětovné použití kódu pro různé úlohy, stejně jako jeho testování a pomáhají rozkládat složité komponenty na jednodušší funkce podle jejich určení. Některé hooky jsou dokonce schopny nahradit funkcionalitu Reduxu. K tomu všemu hooky pomáhají zlepšit výkonnost aplikace.

Pokud chcete používat hooky, dodržujte dvě základní pravidla. Za prvé, používejte je pouze na nejvyšší úrovni - nevolajte je uvnitř cyklů, podmíněných operátorů nebo vnořených funkcí. Za druhé, volat hooky je třeba pouze z React funkcí (z React komponent nebo vlastních hooků), ale ne z obyčejných funkcí JavaScriptu.

Také chybou, které se programátoři dopouštějí, je nekontrolované používání hooků v kódu. Než použijete ten či onen hook, ujistěte se, že je skutečně nezbytný.

V příští lekci se podíváme na typy hooků.