React 18: Хук useRef

Есть несколько сценариев использования useRef хука. Первый когда нам нужны ссылки на dom-элементы из jsx. Второй когда нужно не реактивное состояние. В обоих сценариях объект, создаваемый с помощью useRef, помогает решать поставленную задачу.
Наш главный курс "JavaScript старт" - constcode.ru/j...
Бесплатная консультация - constcode.ru/f...
Контакты:
Сайт - constcode.ru
VK - constcode
KZbin - / @web-constcode6252
Telegram - t.me/constcode
Discord - / discord
Материал урока:
github.com/Ale...
ru.reactjs.org...

[@annaa2940]

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

[@web-constcode6252]

Примеры помогают

[@GregoryArt1976]

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

[@sdsd-ec8rw]

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

[@web-constcode6252]

А коли несколько компонентов ?

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

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

[@Sashad2003]

Спасибо 👍

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

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

[@СветланаАрхипенкова-р6у]

Спасибо! Очень понятно и просто.

[@web-constcode6252]

Рад стараться

[@xxxxrat]

Не кёрент, а карент.

[@web-constcode6252]

Current

[@GregoryArt1976]

именно кёрент!

[@Vlad-us9xt]

top!

[@flybystudio1213]

Спасибо. Хорошо объяснил

[@web-constcode6252]

Рад стараться

[@PIRAKAS666]

Спасибо!

[@web-constcode6252]

Пожалуйста

[@anipetrosyan4255]

wooow, thanks so much👍👍👍👍👍👍👍👍

[@igoriugin1253]

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

[@web-constcode6252]

Это говорит о том, что у тебя инпут пересоздается. Напиши мне в лк, покажешь баг, найдём проблему.

[@igoriugin1253]

@@web-constcode6252 я нашёл ответ, как раз сегодня. Моя ошибка была в том, что я обьявлял элемент в основной функции из-за чего он перерендевался. Я просто вынес компонент за функцию с рендером и передавал state через props. Спасибо за отклик!)

[@lesson-web]

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

[@web-constcode6252]

Это 18 урок. Думаю, что useState к этому моменту уже должен быть известеен

[@enigma9445]

Нашел еще одно применение useRef() может кому пригодится. В React 18 useEffect() вызывается 2 раза. Долго не мог понять как заставить его вызываться один раз, пока не увидел такое решение: const isMouted = useRef() В useEffect создаем : if (isMouted.current) return // По умолчанию isMouted.current == undefined поэтому пройдет дальше isMouted.current = true //После true второй раз уже не будет рендериться

[@web-constcode6252]

В React 18 useEffect не вызывается 2 раза. Второй вызов - это вызов StrictMode, он был всегда и отсутствует на продакшане.