Maarten's Blog

Here you will find my blog mostly about front-end development

Better react-hook-form Smart Form Components

Better react-hook-form Smart Form Components

Creating type safe Smart Form Components in react-hook-form

2026-01-09
Read more
The Next.js logo

Why I migrated from Jest to Vitest

Why I migrated from Jest to Vitetest in a React Application

2025-12-17
Read more
The Next.js logo

My gripes with Next.js

Next.js is a popular React meta framework but not without its flaws

2025-09-05
Read more
Comparing JavaScript frameworks part 2: reactivity. Comparing reactivity systems of React, Vue, Angular and Svelte.

Comparing JavaScript Frameworks part 2: reactivity

How do different front-end frameworks handle reactivity

2024-10-04
Read more
Comparing JavaScript frameworks part 1: templates. Comparing the template languages of React, Vue, Angular and Svelte.

Comparing JavaScript Frameworks part 1: templates

How do different front-end frameworks handle HTML templating

2024-03-11
Read more
A ladybug sitting on a leaf representing bugs in programmes. They ladybug represents the fact that software bugs can be learning experience.

10 Debugging Tips for Beginners Programmers

10 Debugging tips for beginning programmers that I wish I knew when I started programming

2023-11-17
Read more
An image of the 1985 game Tetris on the Nintendo Game Boy handheld console, one of the most successful iterations of the game tetris.

A Tetris clone in TypeScript

A tutorial on how to create the game tetris in Typescript using a HTML Canvas element

2023-10-03
Read more
A recreation of the "rain effect" of the 1999 film "The Matrix". The rain effect is a black screen where random raindrops form. The raindrops are random characters mostly kanjii, the are various shades of green, raindrops feel digital and futuristic.

Matrix rain effect

Recreating the Matrix Rain effect in a HTML Canvas element using TypeScript and React

2023-02-28
Read more
An opening in the woods, grass and trees, in the air gray and white clouds and a sliver of blue sky. In the middle of the field something unnatural: a monolith three meters tall made of reflecting glass. The reflections are confounding and disorienting. The monolith is a callback to the 1968 film by Stanley Kubric: "2001 a space odyssey" which uses a classical piece of music "Also sprach Zarathustra" to great dramatic effect . The monolith represents the const lambda function, the bane of my existence.

The invention of the function keyword

Somewhere in a parallel universe Steve Jobs reveals the latest addition to JavaScript.

2023-01-26
Read more
Image of a of a CPU, with gold colored soldering giving it a luxurious look. Represents the fantasy CPU be build in this blog post.

Fantasy CPU emulator part 2

Creating the fantasy CPU emulator using React and TypeScript.

2021-12-21
Read more
Image of a blue print / schema of a CPU, representing the fantasy CPU this blog post explains.

Fantasy CPU emulator part 1

Understanding the fantasy CPU emulator.

2021-10-25
Read more
A fire red pipeline suspended in the air by cables. The first sections of the pipeline are clearly visible, the later sections are surrounded by a thick fog. The fog represents the uncertain future of the pipeline operator.

Pipeline operator: Hack vs F#

Looking at the proposed pipeline operator proposals, and comparing the Hack vs F# proposals.

2021-09-17
Read more
Image of an old pocketwatch with a chain attached to it, represents that using lodash's chain is faster sometimes than using the native map, filter and reduce.

Lodash's chain vs native methods

Taking a closer look at lodash's chain, how it differs from using the native map, reduce and filter.

2021-08-25
Read more
Image of an old school typewriter called 'Underwood' made in Canada

Creating a Typewriter Effect

Creating a Typewriter effect using React, useEffect in combination with setInterval, and using a generator function.

2021-08-16
Read more