Composition API Workshop
The Swiss Army Knife for Every Professional Vue.js Developer
The Swiss Army Knife for Every Professional Vue.js Developer
Learn how to add reactivity to you own CSS breakpoints, so you can be notified (and react to it) when they mutate.
Three common mistakes when using the Composition API in Vue.js, explaining what they are, why they occur, and how to solve them
Learn the difference between stateless and stateful composable functions in Vue 3
defineModel (Vue 3.4) simplifies working with multiple bindings between components using v-model
Learn how to render slots based on a conditio, using Vue 3 Composition API.
Take the first steps with Pinia and Vue 3 using Composition API. It is a lightweight, extensible, and modular library that takes away the complexity of Vuex.
With Vue 3 and its Composition API, you can use multiple v-models in your components. Each Vue 3 v-model synchronizes with a different property, simplifying the process of reactive communication between components.
With Vue 3's isRef and unref functions, you can create flexible arguments with reactive or non-reactive values, making your code more reusable and versatile.
The composition pattern (composable) is one of the most interesting features introduced by Vue 3 Composition API. It allows us to use reactivity outside of components in a straightforward manner, something unthinkable before.
Learn the difference between Ref and Reactive in Vue 3 through examples where you'll discover the pros and cons in each case