paniolo-form-best-practices

Requires: file-read, terminal (linting/testing). No network access needed.

Reference: form — full API reference, code examples, error taxonomy, accessibility, and checklist.

Use When

Use this skill when building or modifying form validation/submission behavior in React, or wiring API response handling through useAppForm and Effect helpers.

1. Use useAppForm as the primary form abstraction.
2. Keep schema validation and submission flow typed and effect-driven.
3. Reuse shared response/error handling helpers instead of ad-hoc form logic.
4. Validate with targeted form tests, then npm run lint.

Output: summarize form flow changes (validation, submit, response handling); note user-visible error-handling behavior changes.