Evyatar Alush
Form Validation. The Tested Way
#1about 5 minutes
Why user experience with forms is often broken
A personal story about a frustrating tax form highlights common UX failures like unclear requirements and delayed feedback.
#2about 6 minutes
Analyzing common form validation patterns and their pitfalls
Existing validation solutions often lack structure, are hard to test, and create tight coupling with UI frameworks.
#3about 2 minutes
Adopting a unit testing syntax for declarative validations
Vest is inspired by unit testing libraries like Mocha and Jest to create declarative, readable, and separate validation suites.
#4about 5 minutes
Live coding: Setting up a basic validation suite in React
Learn how to create a validation suite with Vest, connect it to a React form, and display error messages for individual fields.
#5about 5 minutes
Refining validation UX with field isolation and warnings
Use Vest's `only` function to validate a single field on interaction and implement non-blocking warnings for optional suggestions.
#6about 7 minutes
Implementing complex asynchronous and memoized validations
Manage asynchronous server-side checks, skip them conditionally with `skipWhen`, and prevent redundant calls using memoization.
#7about 2 minutes
A summary of Vest's features and future roadmap
Vest is a tiny, stateful library that offers declarative, framework-agnostic validations, with a full TypeScript rewrite in version 4.
#8about 5 minutes
Q&A: Handling dynamic forms and global validation rules
Learn how to handle debounced async calls, define global rules by extending `enforce`, and manage dynamic forms with `test.each` or manual cleanup.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
04:32 MIN
Building powerful forms with reactive forms
Angular Features You Should be Using
05:30 MIN
Building accessible forms and announcing dynamic updates
Making Interactions Accessible to All Users
13:26 MIN
Q&A on framework comparisons and advanced concepts
Securing Frontend Applications with Trusted Types
07:51 MIN
Improving the user experience with JavaScript form submissions
Full Spectrum File Uploads
02:59 MIN
Audience Q&A on patterns, typescript, and frameworks
10 must-know design patterns for JS Devs
05:42 MIN
How to build accessible forms and validation
Going on a CODE100 Accessibility Scavenger Hunt
03:28 MIN
Achieving type-safe input validation with Zod
Don't compromise on speedy delivery nor type-safety by choosing TypeScript
02:00 MIN
Implementing write-once validation for frontend and backend
Meet Your New BFF: Backend to Frontend without the Duct Tape
Featured Partners
Related Videos
46:46The Lean Web
Chris Ferdinandi
31:13Lies we Tell Ourselves As Developers
Stefan Baumgartner
30:40What the heck do "declarative" and "reactive" actually mean?
André Kovac
28:1310 must-know design patterns for JS Devs
Erick Wendel
50:10The Eternal Sunshine of the Zero Build Pipeline
M4dz
41:28Component styling in a JS world — evolve your mental model
Maximilian Heinrich
44:59Let's get visual - Visual testing in your project
Ramona Schwering
46:08JavaScript the Grumpy Parts
Rob Richardson
Related Articles
View all articles
From learning to earning
Jobs that call for the skills explored in this talk.
Schulz.codes GmbH
Darmstadt, Germany
Intermediate
Senior
React
JavaScript
TypeScript
doinstruct Software GmbH
Berlin, Germany
Senior
GIT
JavaScript
TypeScript
Speech Processing Solutions
Vienna, Austria
Intermediate
CSS
HTML
JavaScript
TypeScript
infomax websolutions GmbH
Grassau, Germany
Intermediate
Senior
CSS
HTML
JavaScript
TypeScript
infomax websolutions GmbH
Grassau, Germany
Senior
Vue.js
Angular
JavaScript
TypeScript
Head-on Solutions GmbH
Nürnberg, Germany
Junior
Intermediate
CSS
Jest
Vue.js
Saby New Compy
Bielefeld, Germany
Intermediate
Java
Kotlin