react-hook-form-zod

SKILL.md

Status: Production Ready ✅ Last Updated: 2025-11-20 Dependencies: None (standalone) Latest Versions: react-hook-form@7.66.1, zod@4.1.12, @hookform/resolvers@5.2.2

| resolver | Validation resolver (e.g., zodResolver) | undefined | | mode | When to validate ('onSubmit', 'onChange', 'onBlur', 'all') | 'onSubmit' | | reValidateMode | When to re-validate after error | 'onChange' | | defaultValues | Initial form values | {} | | shouldUnregister | Unregister inputs when unmounted | false |

| criteriaMode | Return all errors or first error only | 'firstError' |

Erstellen Sie typsicher validierte Formulare in React mithilfe der React Hook Form und der Zod-Schemavalidierung. Ein einzelnes Schema funktioniert sowohl auf dem Client als auch auf dem Server für die DRY-Validierung mit vollständiger TypeScript-Typinferenz über z.infer. Wird verwendet, wenn: Formulare mit Validierung erstellen, Shadcn/UI-Formularkomponenten integrieren, mehrstufige Assistenten implementieren, dynamische Feldarrays mit useFieldArray verarbeiten oder unkontrollierte in kontrollierte Warnungen, Resolver-Fehler und asynchrone Validierungsprobleme beheben. Quelle: ovachiever/droid-tings.

Original anzeigen