Composition API Workshop
The Swiss Army Knife for Every Professional Vue.js Developer
Juan Andrés NúñezVue.js
One of the most popular and elegant JavaScript frameworks
Juan Andrés NúñezHow to create reactive CSS breakpoints with Composition API
Learn how to add reactivity to you own CSS breakpoints, so you can be notified (and react to it) when they mutate.
Juan Andrés NúñezTop 3 Composition API pitfalls
Three common mistakes when using the Composition API in Vue.js, explaining what they are, why they occur, and how to solve them
Juan Andrés NúñezHow (and When) to Share Reactive Properties in Composables
Learn the difference between stateless and stateful composable functions in Vue 3
Juan Andrés NúñezHow to use Vue 3 new defineModel macro
defineModel (Vue 3.4) simplifies working with multiple bindings between components using v-model
Juan Andrés NúñezConditional Rendering of Slots
Learn how to render slots based on a conditio, using Vue 3 Composition API.
Juan Andrés NúñezPinia and Vue 3 first steps
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.
Juan Andrés NúñezMultiple v-model with Vue 3
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.
Juan Andrés NúñezFlexible Arguments in Vue 3 composable functions
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.
Juan Andrés NúñezYour First Vue 3 Composable
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.
Juan Andrés NúñezImprove Vue 3 performance with v-once
With Vue 3 v-once directive you can treat part of the content as static after the initial load. Vue 3 v-once can have a positive impact on the overall performance of your application, making it a small technique worth knowing.
Juan Andrés NúñezRef vs Reactive
Learn the difference between Ref and Reactive in Vue 3 through examples where you'll discover the pros and cons in each case
Juan Andrés Núñez