form-generator

Type-safe forms in React combine TypeScript generics for form data with validation libraries like react-hook-form. This Skill generates validated forms using Connected components that enforce type safety at compile time and runtime, eliminating manual prop wiring and reducing validation errors.

Yes. This Skill integrates react-hook-form with base-joy's Connected components, which are pre-wired to work together. The ConnectedForm wrapper and connected inputs, selects, and checkboxes handle form state and validation automatically without manual controller setup.

Connected components support flattened validation props that accept both built-in and custom validation rules with custom error messages. Pass validation config directly to each component; the form handles message display and state updates.

The Skill provides connected versions of inputs, textareas, selects, radios, checkboxes, sliders, and additional components. All are type-safe and integrated with react-hook-form validation and ConnectedForm state management.

No. The ConnectedForm wrapper and connected components handle form state, validation, and error display automatically. Set defaultValues, define onSubmit, then add components—no manual controller or listener code required.