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

Esta habilidad proporciona un conocimiento integral para crear formularios validados y con seguridad de tipos en React utilizando React Hook Form y la validación del esquema Zod. Úselo cuando: cree formularios con validación en React, integre la validación del esquema Zod con React Hook Form, use componentes shadcn/ui Form o Field, implemente la validación del lado del cliente y del servidor con un solo esquema, maneje escenarios de validación complejos (objetos anidados, matrices, campos condicionales, validación asíncrona), cree formularios o asistentes de varios pasos, implemente campos de formulario dinámicos con useFieldArray, optimice el rendimiento y la renderización del formulario, garantice el manejo de errores de formulario accesible o depure el formulario problemas de validación. Palabras clave: reaccionar-hook-form, useForm, validación zod, zodResolver, @hookform/resolvers, esquema de formulario, registro, handleSubmit, formState, useFieldArray, useWatch, useController, controlador, formulario shadcn, componente de campo, validación de servidor cliente, validación anidada, validación de campo de matriz, campos dinámicos, formulario de varios pasos, validación asíncrona, zod refine, z.infer, manejo de errores de formulario, no controlado controlado, solucionador no encontrado, error de validación del esquema Fuente: jackspace/claudeskillz.

Ver original