Рефови во React

Ако сакаме да запомниме некоја информација, но не сакаме нејзината промена да предизвика рендерирање на компонентата, тогаш ќе ни бидат корисни рефовите и соодветно хукот useRef, кој работи со нив.

Реф (или референца) - е обичен JavaScript објект со единствено својство current, кое можете да го читате или менувате.

Како и state-овите, рефовите можат да складираат било кој тип на податоци - тоа можат да бидат броеви, стрингови, објекти па дури и функции.

Ако вашите податоци се користат за рендерирање, тогаш складирајте ги во state, а ако не ви треба рендерирање, во таков случай користењето на рефови може да биде поефикасно. Згора на тоа, за разлика од state-от, вредноста на рефот се менува веднаш.

Во целост, рефовите се применуваат таму каде што треба да отстапите од React и да комуницирате со надворешни API - најчесто со прелистувачки, кои не влијаат на приказот на компонентата. Ова може да биде на пример складирање на id на тајмер или складирање на објект, за кој не е потребно да се пресметува JSX, но најчесто ова е интеракција со DOM елементи. Тие можат да се користат за управување со фокус, селекција на текст или репродуцирање на мултимедија.

На следната лекција ќе ја разгледаме работата со рефови и хукот useRef во пракса.