Complex Form Management

When to use this skill

• Multi-step booking forms.
• User profile editing.
• Admin tour creation dashboard.

Tools

• React Hook Form: For state and performance.
• Zod: For schema validation.
• Shadcn Form: For UI integration.

Workflow

• [ ] Define Zod schema.
• [ ] Initialize useForm with resolver.
• [ ] Wrap components in <Form>.
• [ ] Handle submission with Loading state.

Instructions

• Inline Validation: Show errors immediately on blur or change.
• UX: Use stepper for very long forms.