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

preview_player
Показать описание
В видео: Изучим useRef, напишем полифил на useState, посмотрим примеры работы с DOM элементами, сделаем свой useEffectEvent

  1. Евгений Паромов | Front-end
Рекомендации по теме
#36 Погружаемся в 0:19:33

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

UseRef хук в 0:07:03

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

#4: React Hooks 0:05:21

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

Хук useRef в 0:00:59

Хук useRef в React #shorts

Урок 9. Как 0:05:19

Урок 9. Как работает хук useRef в react

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

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

useRef в React. 0:06:22

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

#26 Погружаемся в 0:26:55

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

createRef, setRef, useRef 0:12:08

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

#37 Погружаемся в 0:32:48

#37 Погружаемся в оптимизацию React: useMemo - ReactJS Полный курс

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

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

19 урок React: 0:12:15

19 урок React: useRef - реактовский аналог document querySelector

React JS Tailwind 0:06:53

React JS Tailwind CSS Spotify клон #19 - Хук useRef

Зачем на самом 0:08:33

Зачем на самом деле нужен хук useCallback

#38 Погружаемся в 0:34:58

#38 Погружаемся в React.memo и useCallback - ReactJS Полный курс

React: hook useId 0:00:43

React: hook useId

React Senior | 0:25:21

React Senior | Изучаем useLayoutEffect и callback Ref на реальном примере

useEffect hook, простыми 0:17:04

useEffect hook, простыми словами. #easyit #javascript #reacthooks #reactjs #reactjsforbeginners...

React - UseRef 0:02:14

React - UseRef Hook

#33 Используем useReducer. 0:21:40

#33 Используем useReducer. Рефакторинг работы с состоянием - ReactJS Полный курс...

useImperativeHandle | Как 0:17:30

useImperativeHandle | Как работает? Для чего нужен? Разбираемся на примерах...

#2: React Hooks 0:10:55

#2: React Hooks | Реакт Хук useEffect за 10 минут | React Hook useEffect

Hook useId в 0:09:40

Hook useId в React - зачем нужен?

Understand React useRef() 0:15:59

Understand React useRef() - Short & Simple

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

Евгений, у вас очень познавательный контент! Я работаю уже больше года как frontend разработчик на реакте, но всё равно на практике не задумываешься о многих важных фундаментальных вещах. Когда возникают сложные кейсы, начинаешь голову ломать, почему что-то не работает, а всё просто упирается в более глубокое понимание каких-то методов, функций и тд. Я сейчас смотрю ваши уроки по многим фундаментальным вещам реакта, в которых у меня базовые знания и нет глубокого понимания, и нахожу безмерное количество полезной информации. Спасибо!

feodor
Автор

огромная благодарность за качественный материал

theoty-js
Автор

как всегда топовый материал, спасибо Евгений!

sashasavin
Автор

Последнее решение предпочтительнее через useEffectEvent делать или это как пример использования useRef в видео приведен.

А на практике же предпочтительнее все-таки useCallback использовать?

СлаваКравченко-вр
Автор

а есть пример useEffectEvent типизированный? а то в колбеке у меня unknown получается, не пойму как прокинуть generic тип

Василий-сжк
Автор

useEffectEvent = Автоматически улетел в gist.

Moishe_Rubinstein
Автор

Использовал в проде когда-нибудь кейс с кол-вом рендеров?
Ден Абрамов оборачивал в uselayouteffect зачем-то присваивание колбека в реф. Не знаешь, зачем

romandeveloper
Автор

Ниче не понял, кроме того, что useRef при монтировании прокидывает в себя дом элемент актуальный, примеров тоже не увидел практических =(

koshgosh
Автор

Последний пример прям мне мозг сломал. Вроде как обычный таймер который на нативе в две строчки пишется. Но в реакте чтобы он адекватно работал нужно прям кучу хуков заюзать.

markerok