react-hook-form-zod

SKILL.md

Status: Production Ready ✅ Last Updated: 2025-10-23 Dependencies: None (standalone) Latest Versions: react-hook-form@7.65.0, 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' |

Cette compétence fournit des connaissances complètes pour créer des formulaires validés et de type sécurisé dans React à l'aide de React Hook Form et de la validation de schéma Zod. À utiliser lorsque : création de formulaires avec validation dans React, intégration de la validation de schéma Zod avec React Hook Form, utilisation de composants shadcn/ui Form ou Field, implémentation de la validation côté client et côté serveur avec un seul schéma, gestion de scénarios de validation complexes (objets imbriqués, tableaux, champs conditionnels, validation asynchrone), création de formulaires ou d'assistants en plusieurs étapes, implémentation de champs de formulaire dynamiques avec useFieldArray, optimisation des performances et des rendus de formulaire, garantie d'une gestion accessible des erreurs de formulaire ou débogage de la validation de formulaire. problèmes. Mots clés : react-hook-form, useForm, validation zod, zodResolver, @hookform/resolvers, schéma de formulaire, registre, handleSubmit, formState, useFieldArray, useWatch, useController, Controller, formulaire shadcn, composant Field, validation client-serveur, validation imbriquée, validation de champ de tableau, champs dynamiques, formulaire en plusieurs étapes, validation asynchrone, zod affiner, z.infer, gestion des erreurs de formulaire, non contrôlé à contrôlé, résolveur introuvable, erreur de validation de schéma Source : jackspace/claudeskillz.

Voir l'original