Full Stack Form Validation with React Server Actions
summary
A small validation framework called vest library wires client and server checks together using React Server Actions, running per-field sync and async rules, memoizing server lookups and exposing field-level pending states. The demo builds a registration form with username exists checks, password warnings versus failures, serialized server validation that resumes on the client, and it actually adds users in the live demo, proving the approach works end to end.
AI-written summary · about
chapters (13)
- 0:00Form validation history
- 3:01Validation basics
- 4:25Client-side validation limits
- 8:01Validation libraries compared
- 11:34Vest introduction
- 13:19Building form with Vest
- 21:37Server-side validation with React
- 26:37Email and cross-field checks
- 29:08Warning validations and submit
- 31:38Form submission with server actions
- 33:24useFormStatus for pending
- 35:11Client and server validation
- 37:54Summary and where to learn more
related talks
25mRe-Form the future. Rethinking Form Validations in React
28mBuilding validated forms with great UX in React
20mUp your form validation game with Vest
20mEnhancing Forms with React Server Components
11mForms Don't Need to Suck
28mEnhancing Forms with React Server Components
27mEnhancing Forms with React Server Components
21mForm Validation Done Right