Engineering

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.

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?