react-forms

To set up react-hook-form with a zod validation schema, you wire the schema through a resolver to enable strong type-safe validation for user input. This pattern reduces boilerplate while ensuring robust, consistent form behavior across your React application.

The best way to build multi-step forms and field arrays in React is applying controlled and uncontrolled patterns consolidated by this skill. It provides proven best practices for complex form structures, async validation checks, and scalable behavior across libraries.

Yes, you can use TanStack Form or Formik with the same form patterns. The skill integrates forms with TanStack Form, Formik, and plain React patterns, supporting validation schemes and optionally connecting to data mutations using TanStack Query.

Yes, this React form approach supports async validation checks. It applies patterns for async checks alongside field arrays and multi-step forms, integrating validation libraries like zod, yup, or valibot to ensure robust input verification.

You should not use these React form patterns for general state management, routing, component conventions, or testing forms. The skill specifically targets form implementation, validation schemas, and data mutations, excluding unrelated application architecture concerns.