Engineering

So I woke up yesterday being scolded by Google. An email from Google Search Console Team with subject "Core Web Vitals INP issues detected on your site". Huh?! It was about this WordPress-powered site that you're reading now (phpied.com). The Interaction to Next Paint metric (INP for short) was in

Let’s walk through starting a React Native app with Expo, Typescript, ESLint, Prettier, Jest, and React Native Testing Library.

I love RSS, and I love that it exists. RSS is an open standard for “content syndication”, which basically means you can scrape a list of content from a website and then read it wherever and however you want. Because it’s an open standard, and a fairly simple one at

Manu Cornet created some of the most referenced Big Tech comics. Today, he shares how he drew his "famous" comic on tech org structures, and an excerpt from his book on Twitter.

Which is better for code reviews, a unified diff or a split diff?

By employing batch testing, we can validate various scenarios and edge cases related to user registration in a consolidated manner.

What's inside that package.json? Pain.

How CommonJS became Node's module system, ESM solved modules for the browser, and why supporting both slows down the JavaScript ecosystem.

When you're coding in JavaScript, conditions are important for developing a functional application. Conditional statements are important because you use them as "validators" which can either return truth or false. You can then use them to trigger further actions within the program. But with many long, messy if statements

Let’s discover the most popular DevTools tips that can boost your productivity and revolutionize your debugging workflow.

I’m Tom Collins and I am Principal Software Engineer at the Driver and Vehicle Licencing Agency. More specifically I work within Service Creation where we focus on digital product delivery across several major workstreams. A software developer is a multi-disciplined person who is capable of designing, developing, maintaining, updating, testing, and evaluating software systems and processes. You may […]

Looking at uses of Web Components in the wild today and how the platform has grown over the years and is likely to evolve in the future.

React v18.0 has broken ground by introducing a long-awaited feature: Concurrency! Unfortunately, despite a deluge of resources explaining how to use it, explanations of how it works are sparse. As it is a low-level feature, it’s not critical to understand React’s idea of concurrency, but it doesn’t hurt!

React Query is a great library, but like any tool, you should choose it for the right problem

How I am able to use github codespaces to develop and push updates to my website, from my iPad.

Writing about the big beautiful mess that is making things for the world wide web.

Writing about the big beautiful mess that is making things for the world wide web.

A well-built test suite runs faster, gives more reliable results, and makes long-term maintenance easier and cheaper. After thousands and thousands of end-to-end tests, we've picked up a few tricks to build fast, stable, and accurate ones. So come along and we'll teach you how to build automated tests the QA Wolf way.

Contradictory Patterns for Testable Designs

probabilistic data structure to check membership of an item in constant time and space

Playwright is a reliable end-to-end testing tool for modern web apps trusted by thousands of developers. In this guide, we will cover how to use playwright for visual regression testing

This article goes through almost all of the changes of the last 3 years (and some from earlier) in JavaScript / ECMAScript and TypeScript.

In this article, we will look at how to create a custom debounce hook with React.

Use Faker.js UI to easiliy generate fake (but realistic) data for testing and development using Faker.js

One of my stock interview questions goes: "When picking between dependencies to use in production, what factors contribute to your decision?" I'm surprised by how often I receive an answer along the lines of "Github stars" and not much else. I happen to think Github stars is a terrible metric for selecting production code, so this post sets out my idea of a healthier framework to evaluate dependencies.

The SharedWorker interface represents a specific kind of worker that can be accessed from several browsing contexts, such as several windows, iframes or even workers. They implement an interface different than dedicated workers and have a different global scope, SharedWorkerGlobalScope.