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

React Hook Form と Zod スキーマ検証を使用して、React でタイプセーフな検証済みフォームを構築します。単一のスキーマは、z.infer を介した完全な TypeScript 型推論による DRY 検証のためにクライアントとサーバーの両方で動作します。 次の場合に使用します: 検証を使用したフォームの構築、shadcn/ui フォーム コンポーネントの統合、マルチステップ ウィザードの実装、useFieldArray による動的フィールド配列の処理、または制御されていない警告から制御された警告への修正、リゾルバー エラー、非同期検証の問題。 ソース: ovachiever/droid-tings。

原文を見る