Teaching a VueJS workshop
Creating a workshop to show how to use dynamic components in Vue 3 to build applications that are schema

It will be an update to a previous blog posts, as a work shop and using vue 3.

https://rangle.io/blog/how-to-create-data-driven-user-interfaces-in-vue/

Title: Building Vue-tiful, Data-Driven UIs

This workshop will teach you how to how to use <component :is="Awesome"/> to unlock the potential in Vue, and build applications that can easily handle the dynamic nature of the web.

If you're currently creating user customization, working with a headless CMS, or building form generators, you might be frustrated by accepting an API response with a descriptor, and dynamically building UIs based on that information.


Rough agenda:
  • What is <component :is>
  • Handling Props and Events with dynamic components
  • v-model for custom components
  • Handling v-model with dynamic components