React Hook Form Patterns

Quick Guide: register binds native inputs and keeps them uncontrolled; Controller wraps components that hold their own value; useFieldArray drives repeatable rows and is keyed on field.id. Validation arrives either as register rules or as a schema through resolver. Re-renders are the thing to watch: useWatch and useFormState subscribe to named fields, whereas watch() and a wide formState destructure subscribe to the whole form.

Detailed Resources:

• examples/core.md — a type-safe form with register, error display and accessibility attributes
• examples/controlled-components.md — Controller around a select, a date picker and a checkbox group
• examples/validation.md — wiring a schema in through resolver
• examples/arrays.md — useFieldArray line items with a live total
• examples/performance.md — isolated subscriptions, FormStateSubscribe, useWatch exact and compute
• examples/form-options.md — the values prop for async data, disabled, the <Form /> component
• examples/wizard.md — multi-step form with per-step trigger()
• reference.md — decision trees, API tables, version-to-feature lookup