Forms & Validation

Overview

The reliable SaaS form stack is react-hook-form (state + performance) + zod (schema validation) + shadcn/ui Form (accessible field wiring). Define the schema once, infer the TypeScript type from it, and let the form derive validation, errors, and types from a single source of truth.

When to use

• Any form: auth, settings, create/edit dialogs, checkout.
• Inputs need validation, inline errors, or async submission.
• You're manually wiring useState per field (stop — use RHF).

The pattern