Form Validations Do Not Have To Suck. Introducing Vest!
summary
Vest is a framework-agnostic form validation library that treats validations like unit tests, using createSuite/enforce/test declarative rules. The demo wires Vest into a React form, shows live sync and async checks (mocked username uniqueness), field-scoped updates with only to avoid noisy errors, memoized async results to avoid repeated requests, and warnings that don’t block submit. The distributed bundle is tiny at ~7KB, the API composes across fields and works with React, Vue and Angular as shown.
AI-written summary · about
chapters (17)
- 0:00Form validation history
- 3:15Introducing Vest
- 5:44Problems with conventional validation
- 7:10Validation library types
- 10:23Unit testing inspired solution
- 12:12Live demo setup
- 16:10Adding validation rules
- 18:19Field-specific validation
- 19:02UI integration with classes
- 20:31Disabling submit button
- 21:34Adding warnings
- 23:25Async validation with spinners
- 26:34Skipping async on errors
- 27:14Memoization for async
- 27:55Vest structure benefits
- 28:36Key features and agnosticism
- 29:41Installation and resources
related talks
23mForm Validations with VEST
22mBuilding a next-gen validations framework
28mGetting extremely productive with Angular forms
15mRethinking JS form validations. Say hi to Passable
54mTaming Forms in React
45mNext Generation Forms with React Final Form
29mStreamlined Form Management in React with Formik
31mVueConf US 2021 | Component testing with Vite, Vue, and Cypress