useRef в React. Сохраняем значение между ререндерами

preview_player
Показать описание
В этом видео мы разберем как работает хук useRef, узнаем его особенности и кейсы применения.

00:00 - Введение
00:41 - Сохранение ссылки на html-елемент
01:55 - Особенности useRef
02:38 - Сохранение примитива в useRef, ререндеринг
05:00 - Реальный кейс, сохранение предыдущего значения state
  1. senior_zone
Рекомендации по теме
useRef в React. 0:06:22

useRef в React. Сохраняем значение между ререндерами

UseRef хук в 0:07:03

UseRef хук в React на примерах

Для чего нужен 0:09:45

Для чего нужен useRef в React, простым языком

#3: React Hooks 0:27:52

#3: React Hooks — useRef

React 18: Хук 0:09:54

React 18: Хук useRef

#36 Погружаемся в 0:19:33

#36 Погружаемся в useRef - ReactJS Полный курс

#4: React Hooks 0:05:21

#4: React Hooks | Реакт Хук useRef за 5 минут | React Hook useRef

Хук useRef в 0:00:59

Хук useRef в React #shorts

createRef, setRef, useRef 0:12:08

createRef, setRef, useRef и зачем нужен current в ref

КУРС REACT #10. 0:04:01

КУРС REACT #10. ХУК useRef.

В каких случаях 0:07:44

В каких случаях использовать useRef

useRef: вешаем ref 0:07:46

useRef: вешаем ref на компонент и прочие тонкости

React получаем значение 0:33:09

React получаем значение из input (event, ref, hook). События в React.

React. useRef 0:12:52

React. useRef

Продвинутая мемоизация с 0:11:05

Продвинутая мемоизация с useRef | React Hooks - useLatest

Хук useRef в 0:00:56

Хук useRef в React за минуту #react #вебразработка #фронтенд #javascript #hook #shorts...

Как получить предыдущее 0:10:54

Как получить предыдущее значение state'а и props'ов в React | React Hooks - usePrevious...

useRef: работаем с 0:03:24

useRef: работаем с элементами DOM дерева

React Hooks - 1:47:00

React Hooks - Полный Курс (Про Все Хуки в 1 видео!)

Объединение ref'ов в 0:15:55

Объединение ref'ов в React | React Hooks - useCombinedRef

20 REACT ХУКОВ 0:59:21

20 REACT ХУКОВ за 1 ЧАС + Custom хуки // React для начинающих

#22: 🍕 React 1:05:24

#22: 🍕 React Pizza v2 — Типизируем пропсы (props) и хук useRef (TypeScript)

ИСПОЛЬЗУЙ ЭТИ ХУКИ 0:21:56

ИСПОЛЬЗУЙ ЭТИ ХУКИ ДЛЯ ОПТИМИЗАЦИЙ В REACT | React Hooks

useRef vs useState 0:07:39

useRef vs useState | intro | hooks | amplifyabhi

Комментарии
Автор

Думал будет что-то про forceUpdate с помощью рефа, а нет, просто база. Но все равно, спасибо

alotofpain
Автор

Привет, объясни пожалуйста, в 5-й минуте, когда ты объясняешь, почему у тебя useRef в useEffect, не сохроняет name сразу, когда он меняется ?
Вот написал "Алексей", и он в prevName тоже сохранил "Алексей", просто потому что после нажатия на confirmName, запустился ререндер из-за setName

whiteguards