Liskov’s Gun: The parallel evolution of React and Web Components

Because this essay is over 11 000 words long(!) I’ve made a convenience EPUB file for offline reading. (EPUB only! No PDF this time.) You can download it over on the fulfilment service I use, Lemon Squeezy, with the option to pay what you want if you feel the urge to support my writing.

Full article

Read More

Build A Static RSS Reader To Fight Your Inner FOMO

RSS is a classic technology that fetches content from websites and feeds it to anyone who subscribes to it with a URL. It’s based on XML, and we can use it to consume the feeds in our own apps. Karin Hendrikse demonstrates how to do exactly that with a static site you can use as your personal RSS reader.

Full article

Read More

Why I’m skeptical of rewriting JavaScript tools in “faster” languages

I’ve written a lot of JavaScript. I like JavaScript. And more importantly, I’ve built up a set of skills in understanding, optimizing, and debugging JavaScript that I’m reluctant to give up on.

Full article

Read More

Are Playwright and Vitest ready to replace Jest?

I work on these projects—mostly enterprise software, with a fair share of technical debt. I have been using the tools available at the time and following the best practices highlighted in the Guiding Principles of Testing Library. And I have mostly enjoyed testing so far.

Full article

Read More

React Folder Structure in 5 Steps

How to structure large React applications into folders and files is a highly opinionated topic. I struggled for a while writing about this topic, because there is no right way to do it.

Full article

Read More

How Microsoft Edge Is Replacing React With Web Components

When Microsoft’s Edge browser team released WebUI 2.0 in May, a project that aimed to replace React components with native web components, its primary goal was to make Edge faster for end users.

Full article

Read More

Announcing VoidZero - Next Generation Toolchain for JavaScript

TL;DR: I have founded VoidZero Inc., a company dedicated to building an open-source, high-performance, and unified development toolchain for the JavaScript ecosystem. We have raised $4.6 million in seed funding, led by Accel.

Full article

Read More

How to convert CommonJS to ESM

ECMAScript modules (”ESM”) are the official, modern way of writing and sharing JavaScript — it’s supported in many environments (e.g. browsers, the edge, and modern runtimes like Deno), and offers a better development experience (e.g. async loading and being able to export without globals).

Full article

Read More

It's hard to write code for computers, but it's even harder to write code for humans

Writing code for a computer is hard enough. You take something big and fuzzy, some large vague business outcome you want to achive. Then you break it down recursively and think about all the cases until you have clear logical statements a computer can follow.

Full article

Read More

Optimizing SPA load times with async chunks preloading

Hello hello! In this post, I’ll explain how to improve the performance of client-side rendered apps by avoiding the waterfall effect caused by route-based lazy-loading. We'll do this by injecting a custom script that preloads the chunks for the current route, ensuring they’re downloaded in parallel with the entry point chunk.

Full article

Read More

Google Chrome’s uBlock Origin phaseout has begun

Google Chrome has begun to phase out uBlock Origin. The developer of the free ad blocker, Raymond Hill, recently reposted a screenshot that shows Chrome automatically turning off uBlock Origin because it is “no longer supported.”

Full article

Read More

How Bun supports V8 APIs without using V8 (part 1)

When packages work in Node.js but don't work in Bun, we consider that a bug in Bun. Native C & C++ APIs are often used in the JavaScript ecosystem for performance-critical libraries like 2D Canvas, database drivers, CPU detection, and more. Bun and Node.

Full article

Read More

Serverless servers and the challenge of new React architecture

Intended or not, this tweet garnered a lot of attention and led to countless meme responses thanks to a seemingly nonsensical phrase, “serverless server”. On one hand, that’s just how social media works—people like to have fun and farm engagement.

Full article

Read More

Liskov’s Gun: The parallel evolution of React and Web Components

Because this essay is over 11 000 words long(!) I’ve made a convenience EPUB file for offline reading. (EPUB only! No PDF this time.) You can download it over on the fulfilment service I use, Lemon Squeezy, with the option to pay what you want if you feel the urge to support my writing.

Full article

Read More

Types of React Components

Since React's release in 2013, various component types have emerged. Some are still essential to modern React applications, while others are mostly found in older projects (deprecated). This guide provides beginners with an overview of modern components and patterns, explaining which are still relevant and why some are no longer used.

Full article

Read More

Enhancing The New York Times Web Performance with React 18

As software engineers at The New York Times, we place a high value on page performance, SEO, and keeping up to date with the latest technology. With those priorities in mind, the release of React 18 stood out to us as a significant and tangible leap forward in the ever-expanding world of web development.

Full article

Read More

Self-Hosting NextJS on Fly.io Guide

Recently, Lee Robinson of Vercel gave a tutorial on how to self-host NextJS in a VPS. He used DigitalOcean. I also tried it in Hetzner using Ubuntu instance and it worked. The example used Docker to deploy NextJS. It has all the dependencies like Nginx and a Postgres database, also run in Docker.

Full article

Read More

Why I Prefer WebStorm Over Visual Studio Code for Web Development

As a software developer, the IDE or code editor you choose can have a massive impact on your workflow and productivity. Two of the most popular tools for web development today are JetBrains WebStorm and Visual Studio Code (VS Code).

Full article

Read More

Unleash JavaScript's Potential with Functional Programming

Too many JavaScript developers have no idea what JavaScript is capable of. This article will transform the way you write code and unleash your potential as a programmer.

Full article

Read More

A Local-First Case Study

I just got back from a travel sabbatical. While the trip turned out great, the planning process was decidedly… less so. Figuring out six months of travel is a daunting task, and I quickly became dissatisfied with existing tools. True to myself, I yak shaved the problem.

Full article

Read More

OpenAI Introduces Swarm, a Framework for Building Multi-Agent Systems

As the AI world is shifting towards building agentic systems, OpenAI’s team has decided to give the world an open source gift. The team has released Swarm, an open source framework for building, orchestrating and deploying multi-agent systems. Click here to check out the GitHub repository.

Full article

Read More

A New Era of Writing Code

Large language models (LLM) will change how software engineers write code forever. Last weekend, I built a side project using Cursor, an LLM-based IDE, without writing a single line of code myself (I am not sponsored).

Full article

Read More

Open Source Alternatives to Google Photos that Can be Self Hosted

Google Photos is an excellent service by Google to store and organize your precious memories. But, of course, it is Google, and it is not be the most privacy-friendly option out there. So, what can you do to get a private Google Photos like experience?

Full article

Read More

Announcing Deno 2

The web is humanity’s largest software platform — building for it means potentially reaching over 5 billion people. But as web development has accelerated in recent years, it has also become increasingly and unmanageably complex. Before writing a single line of code, developers must deal with tedious configuration and wading through unnecessary boilerplate, when they would rather focus on shipping product and delivering value to users.

Full article

Read More

Testing Frontend — Lessons from over a million lines of TypeScript at Palantir

Prior to Meticulous.ai I spent ten years at Palantir helping lead engineering for Palantir’s main frontend. Through this we learnt how to test frontends effectively, the hard way.

Full article

Read More

How we run migrations across 2,800 microservices

This blog post was accurate when we published it – head to monzo.com or your Monzo app for the most up to date information. We’ve got a lot of value from our microservices architecture (2,800 and counting!), but this architecture is not without its challenges.

Full article

Read More

Serverless servers: Efficient serverless Node.js with in-function concurrency

We’re sharing a first look at a new version of Vercel Functions with support for in-function concurrency that brings the best of servers to serverless functions. We’ve been testing this new version with customers and are seeing a 20%-50% reduction in compute usage and respective cost reduction without latency impact.

Full article

Read More

A guide to destructuring in JavaScript

If you’ve spent plenty of time wading through modern JavaScript, odds are you’ve seen enough ellipses (...) to put even the most brooding 90s role-playing game protagonist to shame. I wouldn’t fault you for finding them a little confusing.

Full article

Read More

How to Minimize Latency and Cost in Distributed Systems

Key Takeaways Distributed Systems spanning over multiple availability zones can incur significant data transfer costs and performance bottlenecks. Organizations can reduce costs and latencies by applying zone aware routing techniques without sacrificing reliability and high availability.

Full article

Read More

The real 10x developer makes their whole team better

Single individuals make less of a difference to the success or failure of a technology project than you might think (and that’s a good thing). We’re all familiar with the concept of the 10x engineer or developer: “the nerdy, antisocial genius who makes groundbreaking products almost by accident,” per one description.

Full article

Read More

Rate Limiting Algorithms Explained with Code

Imagine you’re running an online service that has suddenly gone viral. Users from around the world are flooding your servers with requests. In this article we will dive into 5 of the most common rate limiting algorithms, their pros and cons and learn how to implement them in code.

Full article

Read More

Module Augmentation is a Hidden Gem in TypeScript

In my latest software development project, I encountered a challenge that led me to a hidden gem in TypeScript: module augmentation and interface merging. I was tasked with creating a feature flag package that provided each micro frontend repository with easy, type-safe access to feature flags.

Full article

Read More

20 System Design Case Studies, Articles and Videos for Software Developers

Hello guys, if you are preparing for Tech interviews but struggling on System Design interviews then you are not alone. System Design is one of the toughest topic for anyone giving Interview. Though you can overcome this by preparing well and choosing right resources.

Full article

Read More

I built an AI Agent to validate my PR without actually doing it myself 🚀⚡

In Composio, we review tens of pull requests every week. That takes a lot of time, so I tried to involve an AI to help us validate all the pull requests before reviewing them.

Full article

Read More

How to fetch data in React

Newcomers to React often start with applications that don't need data fetching at all. Usually they are confronted with Counter, Todo or TicTacToe applications. That's good, because data fetching adds another layer of complexity to your application while taking the first steps in React.

Full article

Read More

Web Components Are Not the Future

A few years ago I wrote an article suggesting that Web Components might not be the most beneficial direction for Web development to head. It was a soft-handed look at where they made sense and where things fall apart. It wasn't geared as a "us against them" argument and I hoped people would come to reasonable conclusions for themselves.

Full article

Read More

GitHub trick to find the commit that deleted a file

There are variations on this command to control how hard you want to look, and which branch you want to look in, but that’s the basic idea. But what if you want to do this on a hosted repo?

Full article

Read More

Why we developed the Node.js reference architecture

Welcome to this new series introducing the Node.js reference architecture from Red Hat and IBM. This article is an overview of our reasons for developing the Node.js reference architecture—both what we hope the architecture will offer our developer community and what we do not intend it to do.

Full article

Read More

Vim for React Developers

Vim has been around for over 30 years, and vi (which Vim extends) almost 50 years. So why does it feel like everyone is talking about Vim right now? There’s been a Vim renaissance lately from the popularity of Neovim and its growing community.

Full article

Read More

Component Composition is great btw

When I first learned about React, I heard about all of its advantages: Virtual DOM is super fast, one-way data flow is very predictable, and JSX is ... an interesting way to put markup into JavaScript. It's easy to miss this advantage if you've always been used to it.

Full article

Read More

Compile and run C in JavaScript

From compression to cryptography to networking to the web browser you're reading this on, the world runs on C. If it's not written in C, it speaks the C ABI (C++, Rust, Zig, etc) and is available as a C library. C and the C ABI are the past, present, and future of systems programming.

Full article

Read More

Storage Disaggregated Databases and Shared Transaction Log Architecture In Comparison

There are two great papers published recently regarding database storage architecture:Understanding the Performance Implications of the Design Principles in Storage-Disaggregated Databases — Xi Pang et. al., Sigmod, June 2024 (I will call it the “LogDB” in this post, a term from the paper). Taming Consensus in the Wild (with the Shared Log Abstraction) — M. Balakrishnan, ACM SIGOPS Operating Systems Review, August 2024 (I will call it the “shared log” in this post to differentiate from the above)

Full article

Read More

Introducing TanStack Router

TanStack Router is an incredibly exciting project. It’s essentially a fully-featured client-side JavaScript application framework. It provides a mature routing and navigation system with nested layouts and efficient data loading capabilities at every point in the route tree.

Full article

Read More

Your company needs Junior devs

Getting coffee with a bunch of local tech leaders, I surprised myself with how stridently I argued why companies should hire junior engineers. Lately, BigTech only wants elite squads of Staff devs that can “hit the ground running” on the big (often AI) initiative.

Full article

Read More

Cleaner JavaScript promises with safe-await

Nested try/catch blocks are a common pattern in JavaScript when working with promises. However, they often lead to hard-to-read and maintain code. This code is hard to read and maintain. The final return result is buried halfway through the script, making it difficult to trace error handling.

Full article

Read More

A milestone for TypeScript Performance in TanStack Router

TanStack Router pushes the boundaries on type-safe routing. The router's components such as and its hooks such as useSearch, useParams, useRouteContext and useLoaderData, infer from the route definitions to offer great type-safety.

Full article

Read More

Optimising for High Latency Environments

Last week, I posted a short update on LinkedIn about CrUX’s new RTT data. Go and give it a quick read—the context will help. Chrome have recently begun adding Round-Trip-Time (RTT) data to the Chrome User Experience Report (CrUX).

Full article

Read More

How Infinite Queries work

This week, a very interesting bug report was filed for Infinite Queries in React Query. It was interesting because up to this point, I firmly believed that React Query doesn't have any bugs.

Full article

Read More

Hey, this is Hono's RPC

The web framework Hono is often compared to another popular JavaScript framework, Express. Both can do similar things, but Hono has an advantage: it supports TypeScript as a first-class.

Full article

Read More

Svelte 5 signals fix its glitchy and inconsistent reactivity

Engineering is all about tradeoffs, and as Rich Harris said in this interview, Svelte before version 5 was overly focused on the first 5 minutes of the developer experience. Svelte 3's apparent simplicity is full of subtle complexity.

Full article

Read More