Популярное

Музыка Кино и Анимация Автомобили Животные Спорт Путешествия Игры Юмор

Интересные видео

2025 Сериалы Трейлеры Новости Как сделать Видеоуроки Diy своими руками

Топ запросов

смотреть а4 schoolboy runaway турецкий сериал смотреть мультфильмы эдисон
dTub
Скачать

useRef Hook - React In Depth

Автор: Tech with Nader

Загружено: 2023-08-19

Просмотров: 1746

Описание:

Let's learn about the useRef hook together in React.

We start with an overview of the syntax as well as a code example where we see how we can store a reference independent of the rendering state.

Then, we look at how useRef can be used as a DOM node reference with the ref attribute.

We wrap up the video with a quick comparison of useState vs useRef and when to use each.

Chapters:
00:00 Introduction
00:43 useRef Overview
02:16 useRef Syntax
04:11 useRef Code Example
13:50 DOM Node references
15:47 DOM Ref Code Example
21:00 useState vs useRef
23:04 Next Steps

📦 Github Repository with the notes and exercise code+solutions: https://github.com/Nooder/react-in-depth

💬 Come join us on Discord to chat with a like-minded community about tech and learning:   / discord  

🏅Support the channel and content through Super Thanks, Channel Memberships, or on Patreon:   / techwithnader  

useRef Hook - React In Depth

Поделиться в:

Доступные форматы для скачивания:

Скачать видео mp4

  • Информация по загрузке:

Скачать аудио mp3

Похожие видео

array(10) { [0]=> object(stdClass)#5511 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "bScWsBweYcA" ["related_video_title"]=> string(39) "Exercises: useRef Hook - React In Depth" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(15) "Tech with Nader" } [1]=> object(stdClass)#5484 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "qn3pigWlWDA" ["related_video_title"]=> string(182) "Конец «12-дневной войны» Израиля с Ираном? Каким будет новый Ближний Восток? СПЕЦЭФИР 24 июня 06:00" ["posted_time"]=> string(65) "Трансляция закончилась 2 часа назад" ["channelName"]=> string(24) "9 канал | Channel 9" } [2]=> object(stdClass)#5509 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "FiQwhwBntio" ["related_video_title"]=> string(32) "useReducer Hook - React In Depth" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(15) "Tech with Nader" } [3]=> object(stdClass)#5516 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "MxIPQZ64x0I" ["related_video_title"]=> string(50) "Learn React Hooks: useCallback - Simply Explained!" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(16) "Cosden Solutions" } [4]=> object(stdClass)#5495 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "o1PaFg-o9LU" ["related_video_title"]=> string(31) "useEffect Hook - React In Depth" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(15) "Tech with Nader" } [5]=> object(stdClass)#5513 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "OE_RfBVE9Cc" ["related_video_title"]=> string(38) "Network Protocols - Rest APIs In Depth" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(15) "Tech with Nader" } [6]=> object(stdClass)#5508 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "KFgwXXWT7sQ" ["related_video_title"]=> string(170) "ИИ-агенты — вот что действительно изменит разработку. Пишем ИИ-агент на Python, LangChain и GigaChat" ["posted_time"]=> string(23) "1 месяц назад" ["channelName"]=> string(29) "Диджитализируй!" } [7]=> object(stdClass)#5518 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "JaM2rExmmqs" ["related_video_title"]=> string(41) "Five Clever Hacks for React-Query and SWR" ["posted_time"]=> string(21) "2 года назад" ["channelName"]=> string(15) "Jack Herrington" } [8]=> object(stdClass)#5494 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "GeulXZP_kZ8" ["related_video_title"]=> string(113) "Все что нужно знать о REACT для НОВИЧКА за 15 минут | Изучаем Реакт" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(63) "Frontend Fundamentals | Александр Караджиков" } [9]=> object(stdClass)#5512 (5) { ["video_id"]=> int(9999999) ["related_video_id"]=> string(11) "GqkSgrIEyyg" ["related_video_title"]=> string(29) "Custom Hooks - React In Depth" ["posted_time"]=> string(19) "1 год назад" ["channelName"]=> string(15) "Tech with Nader" } }
Exercises: useRef Hook - React In Depth

Exercises: useRef Hook - React In Depth

Конец «12-дневной войны» Израиля с Ираном? Каким будет новый Ближний Восток? СПЕЦЭФИР 24 июня 06:00

Конец «12-дневной войны» Израиля с Ираном? Каким будет новый Ближний Восток? СПЕЦЭФИР 24 июня 06:00

useReducer Hook - React In Depth

useReducer Hook - React In Depth

Learn React Hooks: useCallback - Simply Explained!

Learn React Hooks: useCallback - Simply Explained!

useEffect Hook - React In Depth

useEffect Hook - React In Depth

Network Protocols - Rest APIs In Depth

Network Protocols - Rest APIs In Depth

ИИ-агенты — вот что действительно изменит разработку. Пишем ИИ-агент на Python, LangChain и GigaChat

ИИ-агенты — вот что действительно изменит разработку. Пишем ИИ-агент на Python, LangChain и GigaChat

Five Clever Hacks for React-Query and SWR

Five Clever Hacks for React-Query and SWR

Все что нужно знать о REACT для НОВИЧКА за 15 минут | Изучаем Реакт

Все что нужно знать о REACT для НОВИЧКА за 15 минут | Изучаем Реакт

Custom Hooks - React In Depth

Custom Hooks - React In Depth

© 2025 dtub. Все права защищены.



  • Контакты
  • О нас
  • Политика конфиденциальности



Контакты для правообладателей: [email protected]