form-state-patterns

SKILL.md

Production form patterns with React Hook Form v7 + Zod - type-safe, performant, accessible.

| Decision | Option A | Option B | Recommendation |

| Validation library | Yup | Zod | Zod - better TypeScript inference, smaller bundle | | Validation mode | onChange | onBlur | onBlur - better performance, less noise | | Complex components | register | Controller | Controller - for non-native inputs | | Server validation | Client-only | Server Actions | Server Actions - for mutations with React 19 |

React Hook Form v7 con validación Zod, React 19 useActionState, acciones del servidor, matrices de campos y validación asíncrona. Úselo al crear formularios complejos, flujos de validación o formularios de acción del servidor. Fuente: yonatangross/orchestkit.

Ver original