Управляемые и неуправляемые компоненты в React. Хук useRef и работа с DOM

✏️ Разберёмся, чем отличаются управляемые и неуправляемые компоненты в React. Покажу, как использовать хук useRef для доступа к DOM-элементам. Вместе перепишем поле ввода новой задачи с управляемого на неуправляемый подход — и обратно. Научимся программно фокусировать инпут при загрузке страницы и после добавления задачи. Реализуем кнопку, которая скроллит страницу к первой невыполненной задаче. А в конце покажу, как с помощью useRef можно хранить произвольные значения без перерисовок — и зачем это может пригодиться. 🔴 Timeline: ▶ 00:00 | Введение ▶ 00:35 | Управляемые и неуправляемые компоненты ▶ 07:40 | Фокус на поле ввода новой задачи ▶ 09:46 | Скролл к первой невыполненной задаче ▶ 14:43 | Использование useRef для хранения произвольных значений ▶ 17:41 | Заключение 📚 Ссылки из видео: 🧑💻 Основной телеграм-канал: 💬 Коммьюнити-чат в телеграме (помощь новичкам): 🗂️ Бесплатные курсы на канале: 📌 Автор: #reactjs