Building Forms for an Engaging User Experience in Vue.js
summary
Defines a “good form” as one that does stuff (reactive updates via v-model, v-for, v-if and watchers), one that’s talkative (notifications, helper text, input masking), one that’s unbreakable (disabling incompatible options, auto-correcting selections), and one that’s fun. Implements demos: tea-latte selector, masked phone input, animated password field, and a Yanni/Laurel poll wired to Netlify + Firebase via Vue Router and Vuex. Poll submits successfully and triggers Netlify’s submission-created serverless hook.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 1:36Forms
- 3:52What makes a form "good"?
- 4:25A good form is doing stuff
- 9:03A good form is talkative
- 13:56A good form is unbreakable
- 23:59A good form is fun to work on
- 30:16Summary
- 31:10Q+A
related talks
29mScalable Forms in Vue
09mProgressive Form Validation in Vue.js
36mHow to Create 'Vuetiful' Data-Driven User Interfaces
01h 08mVue.js: Forms & validations in the composition age
31mComposable Form Brains without Bloat
10mSimplifying Complex Forms in Vue
29mBuild highly dynamic apps with Vue.js
26mForm and Function with Formwerk