How to spawn a terminal and start the development process for each project — The terminal is one of the most important tools in every developer’s arsenal, but I often find myself typing out the same commands multiple times every day. In particular, I typically spend a minute or two every day setting up development processes for the same four-or-so projects. This is unnecessary…

3 solutions to toggling routes on and off for different regions — When it comes to building an international app, Next.js has a lot to offer. Its built-in support for internationalized routing — especially when combined with a popular translation library such as next-i18next — is a great place to start. However, I hit a roadblock because not all the routes on…

No JavaScript needed with the power of SVG filter elements — One of the projects I’m working on involves applying game mechanics in an unexpected setting; my team and I were experimenting with ways to bring the idea to life. One idea we had was to represent experience points as some kind of liquidy purple plasma. Our design team wanted circular…

Creating a TypeScript class to send requests in batches — Rate limits are an important part of API security, helping to prevent malicious activity and reduce strain on server resources. However, for API users, they can also create headaches — and it’s not only less-than-perfect code that creates problems. …

React Hooks, CSS, and the Intersection Observer API — One of the most common effects in brochure websites is a fade-in or float-in animation that occurs during scrolling, shortly after the element enters the user’s screen. To achieve these effects, developers typically reach for an animation library. But for most websites, there is no need for this additional overhead! …

Learn how to integrate Bugsnag into a Strapi v4 project via a global middleware function — In this tutorial, we’ll explore how to add Bugsnag to a Strapi project. Background Bugsnag is a useful tool for monitoring and reporting bugs. Strapi is a powerful headless CMS. Its most recent version, v4, introduced significant changes to the structure of the project, meaning that older tutorials (such as this…

Handy shortcuts I spotted during pair programming — One of the best things about pair programming is that you get to see the shortcuts and tricks that other programmers use to speed up their workflow. Even though I have been using VS Code for a while — and even wrote an article about my favorite web development features…

How a popular psychology hypothesis is being misrepresented online — From the media to the workplace, it’s easy to spot people with an overinflated sense of their own ability. This phenomenon is explained by the Dunning-Kruger effect, a hypothesis that people who are bad at a task or skill have a cognitive bias towards thinking they’re better than they are. …

The power of parallel when writing asynchronous JavaScript — and the traps to look out for! — In many web development projects, important functionality depends on asynchronous code — whether that’s making HTTPS requests to an API, querying and updating a database, or managing time-sensitive tasks like reading large files. But are you making sure that your asynchronous code is optimised to run as efficiently as possible?