Blog of Jérémie Litzler

I share my notes and experiences that can be useful to one of you. Enjoy the read!

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.

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.

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.

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.

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.

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.

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.

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.