Gatsby is a popular static site generator that is built on React, and it’s the one that I use to create this blog. With its powerful plugin system, it allows developers to easily add features to their sites. One feature that can be added is API endpoints, which can be…

The housing market in Amsterdam is crazy, so crazy that universities are telling students to not come to Amsterdam unless they already have a place to live here, and it’s only getting worse. Rent and property prices are skyrocketing, and as Amsterdam is a tech hub, there’s always a Booking…

A tutorial on how to get the Redux State in a React18 production build via the browser’s console. — A few months ago I wrote a blog post about how to get the Redux State in production, but with the recent release of React 18, that code doesn’t work anymore. Let’s dive into why it doesn’t work anymore and figure out how to create a new script that works. What changed? …

The lazy way of adding a copy button to code snippets on Gatsby. — I constantly write about code and share code snippets in my blog posts and copy-pasting code is an essential skill for software engineers, and since selecting a text and then pressing CTRL + C then CTRL + V is a lot of work, so I decided to add a copy…

Exploring how Webpack handles dynamic imports with variable paths. — Webpack is the most popular module bundler for JavaScript, it’s a tool for bundling modules together into a single file and more. One thing that always bugged me was how it handles dynamic imports with variable paths, I mean, I knew it was not magic, but I didn’t know how…

A guide on creating a script that automatically runs every 30 minutes to check for new houses and sends them to Telegram. — If you want to rent or buy a house in the Netherlands, you better brace yourself because it is no easy task, especially if you’re looking in Amsterdam. Applying for rent or bidding on a house is like a job interview, or getting a visa for another country. …

What you can do to debug the Redux State from your app on production when you don’t have redux-devtools enabled for production. — Sometimes you want to debug the Redux State from your application on production, but you don’t have redux-devtools enabled for production, so what can you do? TL;DR Run this on the browser’s console. The long version Recently I had to debug a problem in production which I needed to access the Redux State…

When I was working on my Game Devlog videos, I wondered if there was any way to automatically transform my code snippets into a video, so I could add them to my Devlog, but I couldn’t find any solution for it, so I gave up on this idea. Then a…

How to load assets asynchronously with Phaser 3 On Phaser 3 you can pre-load your assets in a function called preload so they are ready to use when the function create starts. But what if you need to wait for an API request before loading an asset? Unfortunately, you can’t…