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

Dieser Skill vermittelt umfassende Kenntnisse zum Erstellen typsicherer, validierter Formulare in React mithilfe der React Hook Form und der Zod-Schemavalidierung. Verwenden Sie Folgendes: Erstellen von Formularen mit Validierung in React, Integrieren der Zod-Schemavalidierung mit React Hook Form, Verwenden von shadcn/ui-Formular- oder Feldkomponenten, Implementieren der client- und serverseitigen Validierung mit einem einzigen Schema, Behandeln komplexer Validierungsszenarien (verschachtelte Objekte, Arrays, bedingte Felder, asynchrone Validierung), Erstellen mehrstufiger Formulare oder Assistenten, Implementieren dynamischer Formularfelder mit useFieldArray, Optimieren der Formularleistung und erneuten Renderings, Sicherstellen einer zugänglichen Formularfehlerbehandlung oder Debuggen von Formularvalidierungsproblemen. Schlüsselwörter: React-Hook-Form, UseForm, Zod-Validierung, ZodResolver, @Hookform/Resolvers, Formularschema, Register, HandleSubmit, FormState, UseFieldArray, UseWatch, UseController, Controller, Shadcn-Formular, Feldkomponente, Client-Server-Validierung, verschachtelte Validierung, Array-Feld-Validierung, dynamische Felder, mehrstufiges Formular, asynchrone Validierung, Zod Refine, z.infer, Formularfehlerbehandlung, unkontrolliert zu kontrolliert, Resolver nicht gefunden, Schemavalidierungsfehler Quelle: jackspace/claudeskillz.

Original anzeigen