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 with Zod validation, React 19 useActionState, Server Actions, field arrays, and async validation. Use when building complex forms, validation flows, or server action forms. Source: yonatangross/skillforge-claude-plugin.

View raw