React 18: Хук useRef

Есть несколько сценариев использования useRef хука. Первый когда нам нужны ссылки на dom-элементы из jsx. Второй когда нужно не реактивное состояние. В обоих сценариях объект, создаваемый с помощью useRef, помогает решать поставленную задачу.

Контакты:

Материал урока:

[GregoryArt]

Блин! Ахренительно объясняешь! Я с Практикума к тебе бегаю за знаниями. Спасибо

[sdsd-ecrw]

а первое применение useRef - это ты сам придумал?)) по секрету тебе скажу, вместо useRef можно обычную let-переменную использовать. результат будет такой же, без перерисовки компонента))

[АннаЛопина-чн]

Спасибо. Поняла наконец - то, зачем эта штука нужна

[annaa]

Спасибо. Понятнее, чем написано в документации, объяснил.

[ОлегПетров-пу]

Спасибо, что освещаете тему хуков, очень нужная тема!

[igoriugin]

Не понимаю, у всех изменение state в input не сбрасывает фокус, а у меня сбрасывает...

[lesson-web]

Реально крутой урок, но у меня база некая уже есть, предварительно нужно знать принцип разботы хука useState

[enigma]

Нашел еще одно применение useRef() может кому пригодится.
В React 18 useEffect() вызывается 2 раза. Долго не мог понять как заставить его вызываться один раз, пока не увидел такое решение:

const isMouted = useRef()

В useEffect создаем :
if (isMouted.current) return // По умолчанию isMouted.current == undefined поэтому пройдет дальше

isMouted.current = true //После true второй раз уже не будет рендериться