Episode 134: Form Validation and How Vue 3 and Reactivity Changes the Game
56:47 Share

Recording date: April 8, 2021

John Papa @John_Papa)

Ward Bell @WardBell)

Dan Wahlin @DanWahlin)

Craig Shoemaker @craigshoemaker)

Marina Mosti @MarinaMosti)

Brought to you by

- AG Grid)

)

- IdeaBlade)

Resources:

• Marina Mosti on dev.to)
• Vue Schema-Driven Form Generation with FormVueLate)
• Angular model-driven form generation: Angular Formly)
• MSDN Article 2011)
• They turned off the LightSwitch 2016)
• HTML Form element)
• HTML and Client side Form Validation)
• Marina Mosti on GitHub)
• Treeware)
• Validating Schema-driven forms with Marina Mosti)
• Docs on Building Forms with Vue)
• Damian Dulisz on Twitter)
• Damian Dulisz presenting Vue.js Forms and validations)
• Vuelidate library is a Simple, lightweight model-based validation for Vue.js 2.0)
• Form Validation in the Vue docs)
• VeeValidate library for form validation in Vue.js)
• Vue.js library)
• jQuery)
• Backbone.js)
• Firebase)
• An ANCIENT FormBuilder from a time long, long ago)
• Vue Reactivity)
• Vue 3 Composition API)
• Clean Scalable forms with Vue Composition API)
• JavaScript Proxy)
• Vue 3 Reactivity via Proxies)
• Dan Vega’s blog post on Vue 3 ref and reactive)
• Blog post on When to use the new Vue composition api)
• Article on Vue’s Composition API)
• An excellent Vue 3 migration Guide)
• Tweet about Azure Static Web Apps CLI)
• Wassim Chegham on Twitter)
• Wassim Chegham on GitHub)

Timejumps

• 02:35) Guest introduction
• 03:21) Love hate relationships with forms
• 10:01) Sponsor: Ag Grid
• 11:05) What do schema driven forms mean?
• 16:58) VeeValidate and VueForm
• 20:55) How do you deal with the dynamic nature of forms?
• 36:04) href issues
• 42:17) Sponsor: IdeaBlade
• 43:24) Is Vue 3 more difficult?
• 51:44) Final thoughts

Podcast editing on this episode done by Chris Enns of Lemon Productions).