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

이 기술은 React Hook Form 및 Zod 스키마 검증을 사용하여 React에서 유형이 안전하고 검증된 양식을 구축하기 위한 포괄적인 지식을 제공합니다. 사용 시기: React에서 유효성 검사를 사용하여 양식 작성, React Hook Form과 Zod 스키마 유효성 검사 통합, shadcn/ui Form 또는 Field 구성 요소 사용, 단일 스키마로 클라이언트 및 서버측 유효성 검사 구현, 복잡한 유효성 검사 시나리오(중첩 객체, 배열, 조건부 필드, 비동기 유효성 검사) 처리, 다단계 양식 또는 마법사 작성, useFieldArray를 사용하여 동적 양식 필드 구현, 양식 성능 및 재렌더링 최적화, 액세스 가능한 양식 오류 처리 보장 또는 양식 유효성 검사 문제 디버깅. 키워드: React-hook-form, useForm, zod 유효성 검사, zodResolver, @hookform/resolvers, 양식 스키마, 등록, handlerSubmit, formState, useFieldArray, useWatch, useController, 컨트롤러, shadcn 양식, 필드 구성 요소, 클라이언트 서버 유효성 검사, 중첩 유효성 검사, 배열 필드 유효성 검사, 동적 필드, 다단계 형식, 비동기 유효성 검사, zod 구체화, z.infer, 양식 오류 처리, 제어되지 않음, 해결 프로그램 없음 발견됨, 스키마 유효성 검사 오류 출처: jackspace/claudeskillz.

원본 보기