Рефови у React-у

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

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

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

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

У принципу, рефови се примењују тамо где вам треба да одступите од React-a и да комуницирате са спољним API-јима – најчешће са прегледачаким, који не утичу на приказ компоненте. То може бити на пример чување id тајмера или чување објекта за који није потребно рачунати JSX, али најчешће је то комуникација са DOM елементима. Могу се користити за управљање фокусом, селекцију текста или репродукцију мултимедије.

У следећој лекцији ћемо размотрити рад са рефовима и хук-ом useRef у пракси.