Forms Don't Need to Suck
summary
Claim: global form schemas and hoisted onSubmit handlers make complex React forms awkward. Proposal: attach validation and initial values at the field-level and handle moves with progression guards. Demo uses React plus a small library called fielder, shows an async username existence check that returns a promise, and a branching flow (region → UK asks for tea, US asks for coffee) where only rendered fields validate. Built examples run live and simplify conditional logic and submission handling.
AI-written summary · about
chapters (9)
- 0:00Start
- 0:33About me
- 1:45The form flow
- 3:59Field
- 4:16Progression
- 5:07Basic static form
- 6:02Async validation
- 6:58Branching
- 10:45Fin
related talks
25mRe-Form the future. Rethinking Form Validations in React
55mSimple declarative way of creating forms in UI
38mFull Stack Form Validation with React Server Actions
27mBuilding better forms with React 19
26mThe Art of Building Modern Dynamic Forms
34mDesigning form validation the right way
22mGet your forms hooked with react-hook-form
36mBack to Basics Why HTML Forms Still Rule the Web