873 B
873 B
UI Pattern
Формы используют react-hook-form, zodResolver и FormProvider. Form state создаётся в контейнере или VM, чистое представление получает onSubmit и disabled, а поля подключает через useFormContext.
Во время submit все действия формы блокируются. Ошибки Zod отображаются у поля; ошибки сети сохраняют введённые значения и показываются отдельным Alert.
Запросные экраны выбирают состояние в порядке loading, error, empty, loaded. Состояния имеют отдельные компоненты, если повторяются или содержат самостоятельную разметку.