Дело × МИСИС ← К программе
Frontend · React Занятие 05 из 09

Формы создания и редактирования

Делаем надёжные формы: React Hook Form, схемы Zod/Yup, мутации и понятные ошибки с сервера и клиента.

О чём занятие

Соберём формы создания и редактирования на React Hook Form. Валидацию вынесем в Zod/Yup, чтобы правила были явными и переиспользуемыми.

Свяжем формы с useMutation: отправка, disabled-состояния, успешный сценарий и разбор серверных ошибок по полям.

К концу занятия у основной сущности будет полноценный CRUD-путь через UI — не только чтение списка.

Что разберём

  • React Hook Form + Zod/Yup
  • Начальные значения и режим редактирования
  • useMutation и обработка успеха/ошибки
  • Клиентские и серверные ошибки в UI
Практика

CRUD-форма основной сущности end-to-end.