Ref-et në React

Nëse duam të mbajmë mend ndonjë informacion, por nuk duam që ndryshimi i tij të shkaktojë ri-renderimin e komponentit, atëherë do të na duhen ref-et dhe përkatësisht huku useRef, i cili punon me to.

Ref (ose referencë) është një objekt i zakonshëm JavaScript me vetëm një veti current, të cilën mund ta lexoni ose ta ndryshoni.

Ashtu si state-et, ref-et mund të ruajnë çdo lloj të dhënash - këto mund të jenë numra, stringje, objekte dhe madje edhe funksione.

Nëse të dhënat tuaja përdoren për renderim, atëherë ruajini ato në state, ndërsa nëse nuk keni nevojë për renderim, në një rast të tillë përdorimi i ref-ve mund të bëhet më efikas. Përveç kësaj, ndryshe nga state-i, vlera e ref-it ndryshohet menjëherë.

Në përgjithësi, ref-et aplikohen aty ku duhet të ikni nga React dhe të bashkëveproni me API të jashtme - më shpesh me ato të shfletuesit, të cilat nuk ndikojnë në shfaqjen e komponentit. Kjo mund të jetë për shembull ruajtja e id-së së timer-it ose ruajtja e një objekti, për të cilin nuk ka nevojë të llogaritet JSX, por më shpesh kjo është bashkëveprimi me elementët DOM. Ato mund të përdoren për menaxhimin e fokusit, përzgjedhjen e tekstit ose riprodhimin e mediave.

Në mësimin vijues do të shqyrtojmë punën me ref-et dhe hukun useRef në praktikë.