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

Cree formularios validados con seguridad de tipos en React utilizando React Hook Form y la validación del esquema Zod. El esquema único funciona tanto en el cliente como en el servidor para la validación DRY con inferencia completa de tipos de TypeScript a través de z.infer. Úselo cuando: cree formularios con validación, integre componentes de formulario shadcn/ui, implemente asistentes de varios pasos, maneje matrices de campos dinámicos con useFieldArray o corrija advertencias no controladas o controladas, errores de resolución o problemas de validación asíncrona. Fuente: ovachiever/droid-tings.

Ver original