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 フォームまたはフィールド コンポーネントの使用、単一スキーマによるクライアントおよびサーバー側の検証の実装、複雑な検証シナリオ (ネストされたオブジェクト、配列、条件付きフィールド、非同期検証) の処理、マルチステップのフォームまたはウィザードの構築、useFieldArray を使用した動的フォーム フィールドの実装、フォームのパフォーマンスと再レンダリングの最適化、アクセス可能なフォーム エラー処理の確保、またはフォーム検証の問題のデバッグ。 キーワード: 反応フックフォーム、useForm、zod 検証、zodResolver、@hookform/resolvers、フォームスキーマ、register、handleSubmit、formState、useFieldArray、useWatch、useController、コントローラー、shadcn フォーム、フィールドコンポーネント、クライアントサーバー検証、ネストされた検証、配列フィールド検証、動的フィールド、マルチステップフォーム、非同期検証、zod洗練、z.infer、フォームエラー処理、非制御から制御へ、リゾルバーが見つかりません、スキーマ検証エラー ソース: jackspace/claudeskillz。

原文を見る