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 avec validation Zod, React 19 useActionState, actions du serveur, tableaux de champs et validation asynchrone. À utiliser lors de la création de formulaires complexes, de flux de validation ou de formulaires d'action serveur. Source : yonatangross/orchestkit.

Voir l'original