Engineering

As with any ageing blog, _some_ of my outbound links are hitting either 404s or domains that are no longer active. It's understandable given that my blog is ar…

I’ve been working with React since 2016 and still there isn’t a single best practice when it comes to application structure and design. While there are best…

The MediaSession interface of the Media Session API allows a web page to provide custom behaviors for standard media playback interactions, and to report metadata that can be sent by the user agent to the device or operating system for presentation in standardized user interface elements.

Software isn’t hardware. While it takes time to build, assemble and ship a hardware product, software can literally be built, assembled and…

Node is all there is, right? It is the beginning and the end of all of web development. We use it to install our tools, even the ones not made in node.

Use codemods to upgrade your Next.js codebase when new features are released.

How a 14+ month project was scoped and completed with only a single developer and two designers.

A pluggable and configurable linter tool for identifying and reporting on patterns in JavaScript. Maintain your code quality with ease.

It's time to move from Buffer to Uint8Array.

If we're building things that we want to work in five or ten or even 20 years, we need to avoid dependencies and use the web with no layers in between.

A compendium of absurd open-source licenses. Contribute to ErikMcClure/bad-licenses development by creating an account on GitHub.

The latest React docs include recommendations on how to write React code. Here are nine points that come up most about React code style to help you avoid difficult-to-diagnose bugs.

I finally decided to learn shaders. If you're curious about what shaders are and how they work, this article is for you. We'll start with the basics and build a simple blob from scratch.

This is another post in our Code Health series. A version of this post originally appeared in Google bathrooms worldwide as a Google Testin...

A story of trying (and failing) to self-host the internet.

Written by David Omotayo✏️ Errors can be a significant challenge for developers, often leading to...

I spent some time at work looking into speeding up TypeScript type checking via tsc. One of the biggest wins I found was also one of the simplest to implement.

From JavaScript to Rust, three years in.

Why aren't developers write tests? Because they are bad for them

This article explores what makes a great project README, how Appsmith made ours as accessible as possible and provides examples of other effective READMEs.

Adopting existing tools that work, applying them to the business problems at hand, and quickly iterating in the business domain rather than endlessly swirling in the vortex of technobabble is woefully underrated. I’ve worked at two kinds of companies before: One that only cares about measurable business outcomes, accruing technical debt and blaming engineers when no one wants to work with their codebase, ultimately hurting the product. Another that has staff engineers spending all day on linter configurations and writing seldom-read RFCs while juniors want to ditch Celery for Kafka because the latter is hip.

Part 1: expressions, arithmetic Part 2: statements, control flow Ever since I was a teenager I wanted to create my own systems pr...

Learn how to search, query, and modify JSON data with 25 interactive jq examples and explainations

Let's take a look at why you'd want a library like React Query, even if you don't need all the extra features it provides...

By building our own framework for composing frontend stores we significantly improved the developer experience of our React app.

Learn how to generate social preview images for your website with Remix and Tailwind. Use Vercel's Satori package with Remix for dynamic open graph images. Fetch fonts from Google automatically.

On a recent project, my team created a lightweight code generator, with reusable techniques I want to share. Read on for the why and the how.

Web components let developers write interoperable components, but at the cost of lots of boilerplate. Learn how you can write components that work in Svelte, Vue, React, and other frameworks, with minimal boilerplate.

In this post, we will learn how to create a singleton class using Typescript. Singleton...