О чём занятие
Занятие посвящено созданию и обработке форм в React-приложениях. Студенты познакомятся с принципами управления данными формы, валидацией пользовательского ввода и отображением ошибок. Будет рассмотрена библиотека React Hook Form для управления состоянием формы и Zod для описания схем и проверки данных. Отдельное внимание уделяется обработке ошибок, отображению сообщений пользователю и блокировке отправки некорректных данных.
Цель. Научить студентов создавать формы, проверять введённые пользователем данные и корректно обрабатывать ошибки.
Чему научится
- Работать с React Hook Form и Zod, описывать правила валидации
- Понимать состояния формы и принципы обработки ошибок
- Валидировать обязательные поля, строки и числа, показывать сообщения об ошибках
- Собирать формы регистрации, авторизации, создания и редактирования данных
Форма добавления и редактирования задачи в Task Tracker на React Hook Form и Zod: правила валидации и отображение ошибок.
По готовому макету собрать форму банковской карты: номер, имя владельца, срок действия и CVV/CVC, валидация через React Hook Form и Zod.