Ridiculously Reusable Components in Vue.js v3
This is the 3rd version of the workshop.
Components are the bread and butter of most modern front-end frameworks, such as Vue.js. They help you structure and manage your application by gluing together your application logic and the interface. However, as an application grows, its components tend to get bigger and harder to reason about.
This workshop will demonstrate how to efficiently design your components by focusing on maximum flexibility while avoiding premature optimisation.
We will also talk about good practices for managing the responsibilities of our components. By the end of the workshop, you should be able to write future-proof components that are easy to work with and resilient to changes.
New: We will also cover the upcoming Vue 3.0 Composition-API and looking at how will it change the way we think about component composition and building Vue apps altogether.
– When to split components and how to do it
– Components composition and communication
– Efficient use of props and events
– Building Renderless Components
– Using Slots and Scoped Slots
– Functional Components
– Using Provide/Inject
– Good Practices for designing components
– New: Using the Vue 3.0 Composition-API
– New: Using the incoming standalone reactivity API
– New: Slot based composition patterns
– New: Provider components
2. A laptop with a web development friendly system.
3. Node.js, npm/yarn, Git, Vue-CLI 3.0 already installed and working.
4. Vue.js Devtools installed in the browser.
5. A GitHub account.
Vue enthusiasts who want to broaden their knowledge about application architecture by efficient component design.
Vue.js Core Team Memeber
Currently the lead frontend engineer at Coursedog, Damian is building a scheduling platform for US-based universities. He also co-founded the Official Vue.js Newsletter (news.vuejs.org) as well as created several popular open source libraries: vue-multiselect, vuelidate and vue-global-events.