📢 Платный курс по ReactJS с наставником: https://mentor.archakov.im/landing.html
❤️ Поддержка:
— Patreon: https://www.patreon.com/archakovblog
— Донаты: https://www.donationalerts.com/r/archakov_blog
📢 О чём я буду рассказывать?
Я решил сделать новый курс по React-хукам и рассказать подробно о том, как работает каждый хук. В данном видео, я рассказываю о хуке useRef. Как он работает, зачем нужен и как переписать классовый компонент на хуки.
Видео по остальным хукам:
- useState: https://www.youtube.com/watch?v=NlrhyypLCm8
- useEffect: https://www.youtube.com/watch?v=slaaDOt0ZvM
❓ Кому подойдёт этот курс?
Для начинающих, которые только начали изучать ReactJS и для тех, кто изучает более 3-х месяцев.
На каждый хук, есть отдельная ветка в репозитории ниже. Просто кликаете по "Branch" и выбираете нужный хук.
Ссылка на GitHub: https://github.com/Archakov06/react-hooks-tutorial
0:00 - Начало
0:45 - Введение
1:40 - Делаем скролл без хука
4:04 - Удаляем обработчик скролла с помощью кнопки
6:57 - Какая проблема у простого подхода без хука?
8:55 - Почему происходит эта проблема?
11:55 - Решаю проблему с помощью хука useRef и объясняю зачем он нужен и как работает
18:45 - Удаляем обработчик скролла через хук
21:41 - Пример использования useRef не только для работы с DOM-элементами
26:50 - Резюмирую
🔗 Следите за обновлениями и информацией в:
— Telegram-канале: https://t.me/archakov_im
— VK: https://vk.com/archakov_im
— Личном блоге: https://archakov.im
— GitHub: https://github.com/Archakov06
— Моё резюме: https://career.habr.com/archakovim