pageIndex = 0 outOfVisibleViewPort = false

Web Development

Extract arrays from objects into a single array

Have you ever needed to put arrays from a list of objects into the single array? JavaScript provides a native API to do it and it’s simple.

pageIndex = 1 outOfVisibleViewPort = false

Web Development

Building an HTML accordion without JavaScript

JavaScript isn’t always essential. Sometimes, just using HTML and a little CSS is enough. Let’s take a look at a concrete use case.

pageIndex = 2 outOfVisibleViewPort = false

Web Development

Defining your props in Vue 3 using TypeScript

With Vue 3 and TypeScript, defining your props is different and maybe not intuitive if you’re new to TypeScript. Let’s me show you in detail.

pageIndex = 3 outOfVisibleViewPort = true

Web Development

Differences between variable types in JavaScript

Understanding the following concept will save you a lot of headaches and is considered a key to successfull development.

pageIndex = 4 outOfVisibleViewPort = true

Web Development

How to use a Pinia store within a navigation guard

Navigation guards allow you to execute some logic at certain stages of the navigation. To use Pinia on those guards requires a little trick of implementation. Let’s dive into it.

pageIndex = 5 outOfVisibleViewPort = true

Web Development

Creating a store with Vue 3, Pinia and TypeScript

State management lets you run a faster application. For a while now, Pinia has replaced Vuex in Vue applications. And with Pinia, it’s time to embrace the Composition API, even within the stores.

pageIndex = 6 outOfVisibleViewPort = true

Web Development

Use the proper type when typing a prop in Vue.js

TypeScript enables you to learn every line of code you write. Here is another tip about typing adequately the props with Vue 3.

pageIndex = 7 outOfVisibleViewPort = true

Tutorials

Register globally components in Vue3 and TypeScript

While going through the courses on VueSchool.io, I had to figure out how to register globally available components with Vue 3 and TypeScript. Here is how it is done.