Back to the blog

Array destructuring in ES6+ JavaScript

Assign values to multiple variables in an array by the result of evaluation

[firstName, lastName] = fullName.split(' ')

Example

let firstName = '';
let lastName = '';
[firstName, lastName] = 'John Doe'.split(' ')
console.log(firstName) // John
console.log(lastName) // Doe

Other posts

Pro tip: your Mac has a built-in speed test (networkQuality)

Since macOS Monterey, every Mac ships with networkQuality, a native command-line speed test. No browser tab, no Python script, no third-party CLI

Pagination component designed in Tailwind CSS for Inertia's Vue 3 adapter

The missing pagination component in Laravel Breeze Inertia Vue Tailwind application scaffolding

Preventing drag overscrolling behavior (Rubber Band) on macOS

Elastic (Rubber Band) scrolling in macOS can make your website look quirky if you have a background image or animation with a blurry block on top for example

Eager loading roles with users in Spatie Laravel permissions

Error: Class name must be a valid object or a string in file … HasRelationships.php

Setup Jekyll runtime with Docker

To get a minimal Docker image (~43 MB) for your Jekyll site, write the following Dockerfile:

Understanding Unix Change Mode (chmod)

CHMOD is used to change permissions of a file, here’s how to calculate permission number

Automate pull request review assignment on GitHub via actions

Managing pull requests (PRs) can be a challenging task. This is where automation can play a pivotal role.

Harnessing Vue 3's Recursive Component Tree for Dynamic UIs

In situations where a nested UI with unknown depth is needed, a recursive component that can call itself can be handy, think of Reddit comments for example.

Let's Get In Touch!

Always available for freelancing if the right
project comes along, Feel free to contact me.

Feel free to contact me. I am always open to discussing new projects, creative ideas or opportunities to be part of your visions.