Refs u React-u

Ako želimo da zapamtimo neku informaciju, ali ne želimo da njeno menjanje izaziva ponovno renderovanje komponente, onda će nam refovi i odgovarajući huk useRef, koji radi sa njima, biti od koristi.

Ref (ili referenca) je običan JavaScript objekat sa jedinstvenim svojstvom current, koje možete čitati ili menjati.

Kao i stanja, refovi mogu da skladište bilo koji tip podataka - to mogu biti brojevi, stringovi, objekti, pa čak i funkcije.

Ako se vaši podaci koriste za renderovanje, onda ih čuvajte u stanju, a ako vam ne treba renderovanje, u tom slučaju korišćenje refova može postati efikasnije. Osim toga, za razliku od stanja, vrednost refa se menja trenutno.

Uopšteno, refovi se primenjuju tamo gde treba da odstupite od React-a i stupite u interakciju sa spoljnim API-jima - najčešće sa brauzerskim, koji ne utiču na prikaz komponente. Ovo može biti na primer čuvanje id tajmera ili čuvanje objekta za koji nije potrebno izračunavanje JSX-a, ali najčešće je to interakcija sa DOM elementima. Oni se mogu koristiti za upravljanje fokusom, selekcijom teksta ili reprodukcijom multimedije.

Na sledećoj lekciji ćemo analizirati rad sa refovima i hukom useRef u praksi.