forms

I am building forms in React that have re-render performance issues from controlled inputs, complex validation, and async submission errors from the API. I want a clean performant solution.

Using Next.js App Router. Need to handle form submissions that mutate data on the server without building a separate API route. Want type-safe server-side form handling with optimistic updates.

Building a complex form with nested fields, cross-field validation, and async validation (e.g., check if username is taken). Using controlled components with useState for each field is cumbersome and ...