Engineering

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.

Congratulations to the React team for a decade of innovation.

If you know about WebAssembly or Wasm, you might have heard a few different pitches for why you need it: It’s a low level language for the web. So, it’s faster than JS. Use it to speed up things. It’s a build target. As such, it enables you to use languages other than JS on the web. You could write a web library in Rust or Go! You actually don’t use it on the web, but on the backend!

It's way too common to try to put together query strings using JavaScript's template strings. Thankfully, there's an easy and much better way.

Dealing with multiple promise efficiently using the Promise Concurrecny methods, visualized

Build the future of web based coding experiences, from interactive tutorials to instant production-ready dev environments.

An ode to Lua

Discover how to create a fully type-safe pnpm monorepo using NestJS and NextJS. This comprehensive tutorial covers the integration of tRPC as the API layer, providing end-to-end type safety for your full-stack TypeScript application.

Recently, we were adding some new functionality to our dashboard, and we wanted an experience like this: The basic features are: * The toggle should make an external request when clicked to change the setting * While the request is being made, a loading spinner should appear next to the toggle * If

Call JavaScript functions at bundle-time and inline results into the AST

So, imagine a scenario where you’re working on a project that has its front end (or a mobile app) ready to consume data from the backend. But, the backend is not ready yet. How would you test your front end in this case?

Learn how to find the RSS feed URL for most websites, create custom feeds with Zapier, and use them effectively in your favorite RSS reader apps.

Don Williamson, Consultant Game Technology Programmer/Director of Celtoys

Coding is computer science in the same way that buying something at the store is economics, or talking to your neighbor is sociology. Buying a widget at the store is governed by dynamics described …

Do you know that joke about two little fishes that swim into an older fish? He asks the young fishes how the water is, and they respond: “what’s water?”. The little fishes live an…

Learn how expanded select element capabilities enable visual horizontal breaks for better grouping.

About a month ago I recreated the TechCrunch website in 30 minutes in one of my rapid recreation videos on YouTube.

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.