Typing slots with defineSlots
How to easily type your slots thanks to the new defineSlots macro in Vue 3.3>
Juan Andrés NúñezDEVTIPS
About JavaScript, Vue y su ecosistema
Tutoriales dedicados a un único concepto, tecnología o herramienta
Juan Andrés NúñezUnderstanding await, return await and return
Learn the differences between await, return, and return await in JavaScript async functions. Discover best practices for better debugging and error handling.
Juan Andrés NúñezInformation without action is noise
You don’t need more information. You don’t need to be aware of everything. Only what you can use here and now deserves your full attention.
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úñezAutomatic Component Loading with Vite
Loading global components in Vue 3 has never been easier, thanks to one of the features of Vite called Glob Import.
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