pageIndex = 0 outOfVisibleViewPort = false
A red slots sign on the dark.

Components and scoped slots in Vue.js

I took me many examples and a lot of practice to understand slots. Whether it’s simple slots, named slots or scoped slots, you will find that it’s a powerful feature in Vue. Let’s dive into it.

pageIndex = 1 outOfVisibleViewPort = false
Still shot at night in a city

Reducing Hugo build time by 2 on Netlify

When you start to have a lot of articles on a Hugo-powered website, the number of images processed can slow down the generation to reach the default timeout. Though you can increase it, this is not enough to avoid overconsuming build minutes on Netlify.

pageIndex = 2 outOfVisibleViewPort = false
Some physical mailboxes of different design styles

Updating an e-mail with Firebase Auth

Long ago, the workflow to change an e-mail address with Firebase Authentification was simple, but less secure. With Firebase 9, it changed and you need to verify the e-mail address when updating it. I’ll show you how it works...

pageIndex = 3 outOfVisibleViewPort = true
A clock in the hand of someone

Schedule builds on Netlify

Scheduling tasks is a common need in software development. With my Hugo blogs, I needed such a task to automate the publishing workflow of my articles.

pageIndex = 4 outOfVisibleViewPort = true
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 = 5 outOfVisibleViewPort = true
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 = 6 outOfVisibleViewPort = true
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 = 7 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.