⚡️Быстрый курс по React Hook Form | Формы в React - Легко!

• Видео начинается с приветствия и представления темы - реакт-хук форм.  

• Автор объясняет, что это очень крутая библиотека для создания форм, которая позволяет легко и быстро регистрировать формы.  

• Он также упоминает, что раньше для создания форм приходилось вручную писать состояние и валидацию, что было трудоемким процессом.  

• Теперь с реакт-хук форм все встроено из коробки, что делает процесс создания форм намного проще.  

• Автор устанавливает реакт-хук форм и объясняет, как это сделать для новичков.  

• Он также показывает, как очистить консоль и запустить приложение.  

• Затем он начинает с объяснения хука "юс форм", который является базовым подключением для реакт-хук форм.  

• Он также объясняет, как использовать "хендл сабмит" функцию для обработки формы.  

• Автор демонстрирует, как использовать реакт-хук форм для создания простой формы с полями "имя", "адрес" и "телефон".  

• Он объясняет, как использовать интерфейс для передачи данных на сервер и как использовать подсказки для проверки правильности ввода.  

• Он также демонстрирует, как использовать "регистр" для привязки к конкретному полю формы.  

• В видео объясняется, как использовать валидацию формы в React.  

• Ошибки выводятся в консоль, если они есть.  

• Если ошибок нет, то сообщение не выводится.  

• В видео объясняется, как сбросить форму с помощью функции "reset".  

• Это позволяет очистить форму и начать вводить данные заново.  

• В видео объясняется, как настроить режим срабатывания ошибок.  

• По умолчанию ошибки срабатывают только при удалении данных.  

• Можно настроить срабатывание ошибок при изменении поля или при других событиях.  

• В видео объясняется, как получить значения из формы с помощью функций "getVal" и "getFieldState".  

• Эти функции позволяют получить текущее значение и состояние поля.  

• В видео объясняется, как отслеживать изменения в форме с помощью функции "watch".  

• Эта функция позволяет отслеживать изменения в переменных и выводить сообщения об ошибках.  

• В видео обсуждается работа с формами в React, включая использование функций "watch" и "watchField" для отслеживания изменений в полях формы.  

• Также обсуждаются функции "setValue" и "setFocus" для изменения значений и установки фокуса на определенных полях.  

• В видео демонстрируется использование контроллера для работы с формами, включая создание выпадающего меню с помощью библиотеки "React Select".  

• Обсуждаются параметры, которые необходимо передать в контроллер, включая массив объектов с значениями и лейблами.  

• В видео обсуждаются функции "render" и "validate" для рендеринга и валидации форм.  

• Демонстрируется использование функции "validate" для проверки правильности ввода данных и отображения ошибок.  

• Также обсуждается использование функции "getValue" для получения значения из формы.  

• Создание контроллера для обработки изменений в форме.  

• Использование функции "он ченч" для обработки изменений и получения новой "велью".  

• Создание формы для доставки с использованием компонентов.  

• Добавление полей для имени, страны, города и улицы.  

• Проверка валидации и отправка данных на сервер.