Building a next-gen validations framework
summary
A concrete validation library is built and demoed working: a framework‑agnostic engine that runs test‑style declarative suites over form state, returns a result object used for class names and submit enablement, and supports memoized async checks with a skipWhen hook to avoid pointless server calls. Live code shows multiple validations per field, inner scopes, UI helpers, and a tiny footprint — about 7 KB zipped — all functioning end‑to‑end.
AI-written summary · about
chapters (12)
- 0:00Introduction
- 3:31Vest framework intro
- 4:13Traditional form validation problems
- 7:01Form validation libraries
- 9:29Vest's design principles
- 10:32Live coding form validation
- 13:42UI feedback with class names
- 15:10Disable submit until valid
- 15:55Async validations and spinners
- 18:21Memoization and performance
- 19:30Conditional validation with skip logic
- 20:56Vest features summary
related talks
28mBuilding validated forms with great UX in React
30mForm Validations Do Not Have To Suck. Introducing Vest!
34mDesigning form validation the right way
20mUp your form validation game with Vest
23mForm Validations with VEST
21mVue Form Validations with Vest
09mProgressive Form Validation in Vue.js
15mRethinking JS form validations. Say hi to Passable