Results for “react-hook-form”

End-to-end form handling with react-hook-form, Zod schemas, validation patterns, error messaging, field arrays, and multi-step wizards. Use for complex forms, validation architecture, autosave, field dependencies. Activate on "form validation", "react-hook-form", "Zod", "form error", "multi-step form", "wizard". NOT for simple HTML forms, backend validation only, or non-React frameworks.

The English summary is being prepared. Showing the original description.

End-to-end form handling with react-hook-form, Zod schemas, validation patterns, error messaging, field arrays, and multi-step wizards. Use for complex forms, validation architecture, autosave, field dependencies. Activate on "form validation", "react-hook-form", "Zod", "form error", "multi-step form", "wizard". NOT for simple HTML forms, backend validation only, or non-React frameworks.

The English summary is being prepared. Showing the original description.

Expert at building robust form experiences. Covers React Hook Form, Zod validation, server actions, progressive enhancement, error handling, and accessible form patterns. Use when "form, react-hook-form, zod, validation, form validation, useForm, form errors, server action form, forms, validation, react-hook-form, zod, server-actions, accessibility" mentioned.

The English summary is being prepared. Showing the original description.

Form patterns for React: react-hook-form (most common), Formik (legacy/stable), TanStack Form (newer). Validation via zod / yup / valibot. Controlled vs uncontrolled inputs, field arrays, multi-step wizards. Use this skill to: - Wire react-hook-form with a validation schema. - Pick between controlled and uncontrolled patterns. - Build multi-step forms with state preservation. - Handle async validation (e.g., username availability). - Integrate forms with TanStack Query mutations. Do NOT use this skill for: - General state management (see react-state-management). - Routing (see react-routing). - Component conventions (see react-conventions). - Testing forms (see react-testing).

The English summary is being prepared. Showing the original description.

React Hook Form v7 (RHF、非制御フォームライブラリ) リファレンス。別名 rhf / React-Hook-Form。 useForm, register, handleSubmit, watch, setValue, getValues, getErrors, reset、 Controller, useFieldArray / FieldArray, formState / FormState, ErrorMessage、 resolver (Zod / Yup / Joi)、バリデーション、Server Actions / useActionState、 DevTools (@hookform/devtools)、TypeScript 型。

The English summary is being prepared. Showing the original description.

Type-safe React forms with React Hook Form and Zod validation. Use for form schemas, field arrays, multi-step forms, or encountering validation errors, resolver issues, nested field problems.

The English summary is being prepared. Showing the original description.

Build type-safe validated forms using React Hook Form v7 and Zod v4. Single schema works on client and server with full TypeScript inference via z.infer. Use when building forms, multi-step wizards, or fixing uncontrolled warnings, resolver errors, useFieldArray issues, performance problems with large forms.

The English summary is being prepared. Showing the original description.

React Hook Form patterns - useForm, Controller, useFieldArray, validation resolver, performance optimization

The English summary is being prepared. Showing the original description.