🔥 Оформить премиум подписку - https://htmllessons.ru/premium?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=crash-course-react-hook-form
► Интенсив React с нуля (приложение для тренировок) - https://htmllessons.ru/int/show/3?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=crash-course-react-hook-form
В этом крутом ролике мы разберем react hook form
Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥 160 лайков и я снимаю следующий быстрый курс
Если есть какие то фишки по этой теме - дай знать в 💬 комментариях!
💰 Новый ролик для спонсоров доступен на Boosty https://boosty.to/redgroup или в нашей общей подписке (от 3 мес.) на сайте https://htmllessons.ru/premium
👉 Исходник - https://htmllessons.ru/repositories#storage_file_43
#ReactHookForm #React #RedGroup
Мы узнаем что-такое React Hook Form, для чего используется данная библиотека. Используем хук useForm, покажу как получать данные и отправлять на сервер. Произведем базовую интеграцию с TypeScript. Разберем несколько вариантов подключения через простой register и продвинутый через controller. Напишем базовую валидацию полей и выведем сообщения об ошибке. Научимся сбрасывать форму, отслеживать изменения с помощью watch, одноразово получать состояние с помощью formState. В самом конце сделаем крутую практику - форма доставки. Приятного просмотра!
Тайм коды:
00:00 - Начало
00:31 - Что это такое?
02:12 - Установка React Hook Form
05:47 - Хук useForm
06:18 - Функция submit
06:47 - Как работать с TypeScript?
09:34 - Базовое подключение (register)
10:28 - Валидация (обязательное поле и прочие условия)
10:58 - Сообщение об ошибке
13:41 - С помощью регулярных выражений
17:09 - Сброс формы
17:54 - useForm опции
19:26 - Получаем значения (getValues)
21:46 - Отслеживание изменений (watch)
22:58 - Состояние формы (formState)
23:57 - Заполнить поля (setValue)
25:50 - Сложные подключения (Controller) на примере выпадающего меню
36:38 - Практика: Форма доставки
► Интенсив Node.js + Express - Backend с нуля - https://htmllessons.ru/int/show/2?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=crash-course-react-hook-form
► Интенсив по верстке сайта с 0 - https://htmllessons.ru/int/show/1?utm_source=youtube&utm_medium=red-group&utm_campaign=description&utm_content=crash-course-react-hook-form
👉 Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔
► Оформить подписку на нашем сайте - https://htmllessons.ru/premium
► Эксклюзивный контент - https://boosty.to/redgroup
► Оформи спонсорство и получи уникальный значок и эмоджи - https://www.youtube.com/channel/UCdpPBwKPriPIP2eyP9a1C6g/join
► Хранилище (здесь все файлы к видео) *требуется авторизация - https://htmllessons.ru/storage
► Научим разрабатывать сайты - https://htmllessons.ru/
► Личный Instagram - https://www.instagram.com/maxzbs/
► Личный Youtube - https://www.youtube.com/channel/UChXs79MvR8NjOumyxY3ayjw
► Получи до 4000 руб. на первое бронирование через Airbnb - https://abnb.me/e/Mgl6khUuN3
► Если хочешь улучшить качество видео - https://htmllessons.ru/ext/donate
► Мой сетап VS Code - https://youtu.be/_jquc4KJ4IU
Немного обо мне: меня зовут Максим, я уже 9 лет занимаюсь веб-разработкой. На данный момент являюсь основателем двух крутых проектов htmllessons.ru и еще одного глобального проекта. Первый, был моей дипломной работой в колледже. Как и все, начинал с изучения верстки html, css, js. Затем появилась потребность в изучении Laravel для разработки образовательного проекта. Затем я ушел от PHP и перешел на Javascript, так как появилась задача по разработке крупного проекта. Основная миссия – создавать крутые продукты, которые будут помогать людям и менять мир. Буду рад, если Вы меня поддержите и подпишитесь на мой канал. Спасибо 😊