Рэфы ў React

Калі мы хочам запомніць якую-то інфармацыю, але не хочам, каб яе змяненне выклікала рэндэрынг кампанента, то нам спатрэбяцца рэфы і адпаведна хук useRef, які з імі працуе.

Рэф (ці спасылка) - гэта звычайны JavaScript аб'ект з адзінай уласцівасцю current, якое вы можаце чытаць або змяняць.

Як і стэйты, рэфы могуць захоўваць любы тып даных - гэта могуць быць лікі, радкі, аб'екты і нават функцыі.

Калі вашы даныя выкарыстоўваюцца для рэндэрынгу, то захоўвайце іх у стэйце, а калі вам не патрэбны рэндэрынг, у такім выпадку выкарыстанне рэфаў можа стаць больш эфектыўным. Да таго ж у адрозненне ад стэйта значэнне рэфа змяняецца неадкладна.

Наогул рэфы ўжываюцца там, дзе вам трэба адступіць ад React і ўзаемадзейнічаць з знешнімі API - часцей з браўзернымі, якія не ўплываюць на адлюстраванне кампанента. Гэта можа быць напрыклад захоўванне id таймера ці захоўванне аб'екта, для якога не трэба вылічваць JSX, але часцей за ўсё гэта ўзаемадзеянне з элементамі DOM. Іх можна ўжываць для кіравання фокусам, вылучэння тэксту ці прайгравання медыя.

На наступным уроку мы разбяром працу з рэфамі і хукам useRef на практыцы.