useRef
useRef — это хук в React, который позволяет хранить данные между рендерами компонента, не вызывая его обновление при их изменении.
Представьте, что ваш компонент — это актер на сцене, который постоянно переодевается (перерисовывается) при смене сценария. Обычные переменные в React — это вещи в карманах актера: когда он переодевается, карманы пустеют. useRef — это как личный сейф за кулисами. Вы можете положить туда предмет, и он будет ждать вас там, сколько бы раз актер ни менял костюм.
В разработке это чаще всего используется для «прямого доступа» к элементам на странице, например, чтобы сфокусироваться на поле ввода или прокрутить экран до нужного места. Поскольку изменение значения в useRef не заставляет React перерисовывать интерфейс, это идеальное место для хранения технических данных, которые не влияют на то, что видит пользователь прямо сейчас.
Зачем это нужно
Для вайбкодера useRef — это способ «приручить» DOM-элементы или сохранить состояние (например, ID таймера или предыдущее значение пропсов), не ломая при этом логику React и не вызывая лишних перерисовок, которые могут замедлить приложение.