Incremental adoption of micro-frontends with Cloudflare Workers

Recently, we wrote about a new fragment architecture for building Web applications that is fast, cost-effective, and scales to the largest projects, while enabling a fast iteration cycle.

Full article

Read More

How to Build an Image Search Application With OpenAI CLIP & PostgreSQL in JavaScript

With over 3.2 billion images shared online daily, the demand for efficient image search capabilities has never been higher. The opportunity to create a powerful image search engine spans many fields, from e-commerce to social media, driven by this high-velocity data.

Full article

Read More

Engineering Managers' Guide to Effective Annual Feedback

As we’re entering the last quarter of the year, the time has come when many tech companies start their yearly feedback cycles, providing formal feedback on the performance of their employees.

Full article

Read More

How we shrunk our Javascript monorepo git size by 94%

This isn't click bait. We really did this! We work in a very large Javascript monorepo at Microsoft we colloquially call 1JS. It's large not only in terms of GB, but also in terms of sheer volume of code and contributions.

Full article

Read More

Stop Building the Wrong Tools: How Developer Surveys Transformed Our Focus

We spent two years building an internal developer portal—only to discover it wasn’t solving our developers’ biggest pain points. Here’s how a simple developer survey changed everything.

Full article

Read More

Architectural Metapatterns

Too much information is no information or, as they say, what is not remembered never existed. There are literally thousands of patterns described for software and system architecture.

Full article

Read More

Knowledge-as-a-service: The future of community business models

The internet is changing once again: it is becoming more fragmented as the separation between sources of knowledge and how users interact with that knowledge grows. Looking back a few decades, search-based navigation of knowledge was rocky for knowledge producers.

Full article

Read More

Tales of Performance Engineering

At Mercado Libre, creating value for our users is a principle that defines our culture. For this reason, optimizing the performance of our systems is a key aspect, since it allows us to improve the experience of our users. These optimizations also allow us to reduce costs by increasing efficiency.

Full article

Read More

A Scalable Solution for Hosting Multiple Micro-Frontend Applications with Git Submodules and AWS

In large-scale front-end projects, managing multiple micro-frontend applications efficiently is a common challenge. By leveraging NX Module Federation along with Git submodules, AWS S3, CloudFront, and Docker, we can create a scalable and maintainable architecture that allows independent teams to own, build, and deploy their micro-frontends while maintaining consistency across the system.

Full article

Read More

In the future using top-level await might be a BC break in Node

Node 23 was released this week, and the hot ticket item probably is the fact that you can now require() files that use ESM (import/export). This is called a dynamic import and it’s extra annoying, because you can’t just put this at the top of your file.

Full article

Read More

The story of web framework Hono, from the creator of Hono

Hono is a fast, lightweight web framework that runs anywhere JavaScript does, built with Web Standards. Of course, it runs on Cloudflare Workers. It was three years ago, in December 2021.

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

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