pageIndex = 0 outOfVisibleViewPort = false
A box of LEGO blocks

Caveat about destructuring Vue props

Destructuring objects in JavaScript is a really cool feature. Using it along with Vue can, however, take on a spin… Let’s dive into one caveat on the topic.

pageIndex = 1 outOfVisibleViewPort = false
Some code example

TypeScript and third-party libraries

I want to share this tip about the technique to use when you want to type the parameters of methods that depend on third-party libraries. Let’s dive into it.

pageIndex = 2 outOfVisibleViewPort = false
Code example demonstrating the concept

How to create an alias for a Vue component?

Sometimes, you use third-party libraries who develop useful components. It was the case for me with VeeValidate. But the names of the component may not suit you or your linter. Let’s see how solve either of these issues.

pageIndex = 3 outOfVisibleViewPort = true
Some code with key usage that is not a v-for

Re-rendering components on route change with Vue

A best practice when the current route change is to make the router view component unique using the key property. As described in the official documentation, the key special attribute is primarily used as a hint for Vue’s virtual DOM algorithm to identify vnodes when diffing the new list of nodes against the old list. Let’s see how it can be used with vue-router.

pageIndex = 5 outOfVisibleViewPort = true
Some asynchronous code on a screen

Understanding async operations between Vue components

Asynchronous operations are key to smooth and user-friendly applications. In this article, I’ll share what I’ve learned from completing the masterclass on Vueschool.io where I had the opportunity to really grasp the concept.