Hooki w React

W tej lekcji zaczniemy zapoznawać się z hookami. My już spotkaliśmy się z nimi, gdy studiowaliśmy stany - tam nauczyliśmy się pracować z hookiem stanu useState.

Ogólnie rzecz biorąc, hooki to zwykłe funkcje JavaScript, których nazwy zaczynają się od słowa 'use'.

Hooki pozwalają nam używać stanów i innych możliwości React bez używania klas. One ułatwiają ponowne wykorzystanie kodu dla różnych zadań, a także jego testowanie i pomagają dzielić skomplikowane komponenty na bardziej proste funkcje według ich przeznaczenia. Niektóre hooki nawet są w stanie zastąpić funkcjonalność Redux. Do tego wszystkiego, hooki pomagają poprawić wydajność aplikacji.

Jeśli chcesz używać hooków, to przestrzegaj dwóch głównych zasad. Po pierwsze, używaj ich tylko na najwyższym poziomie - nie wywołuj ich wewnątrz pętli, instrukcji warunkowych lub zagnieżdżonych funkcji. Po drugie, wywoływać hooki należy tylko z funkcji React (z komponentów React lub niestandardowych hooków), ale nie z zwykłych funkcji JavaScript.

Również błędem, który popełniają programiści, jest niekontrolowane używanie hooków w kodzie. Zanim użyjesz tego lub innego hooka, upewnij się, że jest on naprawdę konieczny.

W następnej lekcji rozważymy typy hooków.