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' |

Créez des formulaires validés de type sécurisé dans React à l'aide de React Hook Form et de la validation de schéma Zod. Le schéma unique fonctionne à la fois sur le client et le serveur pour la validation DRY avec inférence complète de type TypeScript via z.infer. À utiliser dans les cas suivants : création de formulaires avec validation, intégration de composants de formulaire shadcn/ui, implémentation d'assistants en plusieurs étapes, gestion de tableaux de champs dynamiques avec useFieldArray ou correction d'avertissements non contrôlés à contrôlés, d'erreurs de résolution ou de problèmes de validation asynchrone. Source : ovachiever/droid-tings.

Voir l'original