react-hook-form-zod

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 باستخدام نموذج React Hook والتحقق من مخطط Zod. يُستخدم عندما: بناء النماذج مع التحقق من الصحة في React، ودمج التحقق من مخطط Zod مع نموذج React Hook، واستخدام نموذج shadcn/ui أو مكونات الحقل، وتنفيذ التحقق من جانب العميل والخادم باستخدام مخطط واحد، والتعامل مع سيناريوهات التحقق المعقدة (الكائنات المتداخلة، والمصفوفات، والحقول الشرطية، والتحقق من الصحة غير المتزامنة)، وبناء نماذج أو معالجات متعددة الخطوات، وتنفيذ حقول النماذج الديناميكية باستخدام useFieldArray، وتحسين أداء النموذج وإعادة العرض، وضمان إمكانية الوصول إلى خطأ في النموذج معالجة أو تصحيح مشكلات التحقق من صحة النموذج. الكلمات الرئيسية: رد فعل هوك النموذج، useForm، التحقق من صحة zod، zodResolver، @hookform/resolvers، مخطط النموذج، التسجيل، HandleSubmit، formState، useFieldArray، useWatch، useController، Controller، نموذج shadcn، مكون حقل، التحقق من صحة خادم العميل، التحقق من الصحة المتداخلة، التحقق من صحة حقل الصفيف، الحقول الديناميكية، نموذج متعدد الخطوات، التحقق من صحة غير متزامن، صقل zod، z.infer، معالجة أخطاء النموذج، غير متحكم فيه، لم يتم العثور على محلل، خطأ في التحقق من صحة المخطط المصدر: jackspace/claudeskillz.