Form Validation and How Vue 3 and Reactivity Changes the Game on Web Rush #135

Marina Mosti talks with John, Ward, and Dan about form validation and Vue 3. Why do we have a love / hate relationship with forms? What about schema driven forms? Dealing with the dynamic nature of forms. And is Vue 3 more difficult for the average user?

Episode link.

const podcast = { 
  episode: 134,
  title: 'Form Validation and How Vue 3 and Reactivity Changes the Game',
  topics: [ 
    'forms', 'vue'
  ],
  guest: 'Marina Mosti'
  hosts: [
    'John Papa', 'Ward Bell', 'Dan Wahlin'
  ]
};

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.