Hukovi u React

U ovoj lekciji ćemo početi da se upoznajemo s hukovima. Već smo se susreli sa njima kada smo učili o stanjima (state) - tamo smo naučili da radimo sa hukom stanja useState.

Uopšteno govoreći, hukovi su obične JavaScript funkcije, čija imena počinju sa rečju 'use'.

Hukovi nam omogućavaju da koristimo stanja i druge mogućnosti React-a bez korišćenja klasa. Oni olakšavaju ponovnu upotrebu koda za različite zadatke, kao i njegovo testiranje i pomažu u razbijanju složenih komponenti na jednostavnije funkcije prema njihovoj nameni. Neki hukovi čak mogu da zamene funkcionalnost Redux-a. Povrh svega, hukovi pomažu da se poboljša performanse aplikacije.

Ako želite da koristite hukove, sledite dva osnovna pravila. Prvo, koristite ih samo na najvišem nivou - ne pozivajte ih unutar petlji, uslovnih operatora ili ugnježdenih funkcija. Drugo, hukove treba pozivati samo iz React funkcija (iz React komponenti ili korisničkih hukova), ali ne iz običnih JavaScript funkcija.

Takođe, greška koju programeri često prave je nekontrolisano korišćenje hukova u kodu. Pre nego što upotrebite ovaj ili onaj huk, uverite se da je zaista neophodan.

U sledećoj lekciji ćemo razmotriti tipove hukova.