Bun hype. How we learned nothing from Yarn

Here we go again, making the same mistake. I'm constantly reminded that every 5 years the amount of programmers in the world doubles, which means at any point, 50% of the industry has less than 5 years experience. Which is probably why we keep falling for stuff like Bun.

Full article

Read More

Upgrading frontend dependencies with confidence

Frontend developers often need to upgrade npm dependencies, but those upgrades can feel scary and lead to subtle UI side effects not caught by your regular test suite.

Full article

Read More

Your Cache Headers Could Probably be More Aggressive

We've got it real good when it comes to standing up websites these days (especially static ones). Modern hosts like Vercel and Netlify take care of a lot out of the box, shielding us from the meticulous, complicated stuff. Caching is one of them.

Full article

Read More

What is the View Transitions API and how to use it with meta frameworks

No more boring page reloads in MPAs. The View Transitions API makes website navigation smoother, like in mobile apps or SPAs. Plus, This API removes a lot of the complex JavaScript SPAs needed for these transitions.

Full article

Read More

Platform engineering is just DevOps with a product mindset

Since it was introduced in 2009, the DevOps mindset has encouraged organizations to put resources behind improving metrics like lead time, deployment frequency, change failure rate, and mean time to recovery (MTTR).

Full article

Read More

Clean Code Is Slow, but You Need It Anyway…

In case you haven’t heard, something really interesting is happening in the programming/software development scene on Twitter. It started from one of Casey Muratori’s videos on Performance Aware Programming. It is aptly titled: “Clean Code, Horrible Performance.

Full article

Read More

Generating Real-Time Audio Sentiment Analysis With AI

In his previous article, Joas Pambou demonstrated how to build a tool to transcribe audio files and assign a score that measures the sentiment expressed in the transcription. The idea was to showcase how an audio file can be transcribed and evaluated for emotion. Now, Joas expands the tool to provide a sentiment score in real-time and enhances the user experience by providing multilingual support.

Full article

Read More

Introducing Playwright Support for Nx

We are very excited to announce our support for Playwright with our new plugin @nx/playwright. Before we start, let’s answer this question: what is Playwright and why should we use it?

Full article

Read More

Write Commit Messages Like a Pro: The Power of Conventional Commits

In my journey to becoming a better developer, I recently learned of a practice called “Conventional Commits.” This came to my attention after noticing how clean and easy to understand a new teammate’s commit messages were. Intrigued by their approach, I decided to give this convention a try.

Full article

Read More

Next.js 13.5

Next.js 13.5 improves local dev performance and reliability with: 22% faster local server startup: Iterate faster with the App & Pages Router, 29% faster HMR (Fast Refresh): For faster iterations when saving changes, 40% less memory usage: Measured when running next start, Optimized Package Imports: Faster updates when using popular icon and component libraries, next/image Improvements: , art direction, and dark mode support, And over 438 bugs patched!

Full article

Read More

A Glimpse of Val.Town : Cloud Scripting Platform to Write and Run Code

I am a big fan of the “Syntax — Tasty Web Development Treats” and “JS Party” podcasts and recently found Val Town through them! The first glimpse of Val Town reminds me of the good old days when I used Autocode as a cron job execution to keep the Heroku servers awake.

Full article

Read More

What we talk about when we talk about impostor syndrome

How does our emphasis on impostor syndrome keep us from having bigger, harder conversations about how to improve life for developers? Impostor syndrome—doubting your abilities to the point where you feel like a fraud—is an evergreen topic of conversation among software developers.

Full article

Read More

A First Look at HTMX and How it Compares to React

For a while now, we've had heavyweights like React taking center stage in the world of dynamic web apps. While they're powerful, sometimes they can feel like overkill, especially if you're more of a backend champ navigating the frontend labyrinth.

Full article

Read More

When High Performers Make Good Leaders Feel Bad

For many high performers, the drive to achieve at work is similar to what animates marathoners and climbers of Everest. It just feels good to do hard things. Pushing the boundaries of their capabilities and contributing to the fullest of their capacity is their drug.

Full article

Read More

Do One Thing and Do It Well

In October 1984 two ideologues published a radical manifesto… sort of. Program Design in the UNIX Environment, by comp-sci legends Brian Kernighan and Rob Pike, articulated a pattern for software architecture that both men had already spent years fighting to preserve.

Full article

Read More

My thoughts on Bun and other Adventures

Hi Folks! As I write this, I'm on a plane to London, where I will spend the entire week working with my co-founder, Luca Maraschi. Since I last wrote, there has been quite a bit of news.

Full article

Read More

Get Real-Time Updates With Server-Sent Events

There are many ways to implement real-time updates to a web browser; Server-Sent Events (SSE) is a straightforward and simple way to push updates to the browser. SSE is a standardized technology for enabling server-to-client communication over HTTP.

Full article

Read More

What's a Merge Queue and why use it?

That's a good question, isn't it? Indeed, if it was only a little known term a few months ago, merge queues are more and more talked about. Between announcements from leaders like GitHub and real technical solutions, merge queues are increasingly adopted by software development teams.

Full article

Read More

Serverless Bun vs Node: Benchmarking on AWS Lambda

Since the inception of server environments for JavaScript, NodeJS has reigned supreme as the go-to runtime. Node, along with its package manager, NPM, is now used extensively for projects ranging from small hobbyist side projects to enterprise-grade high-traffic systems.

Full article

Read More

Understanding Webpack Module Federation: A Deep Dive

Module Federation is an advanced feature in Webpack that provides a way for a JavaScript application to dynamically load code from another application. This feature allows for efficient code sharing and dependency management.

Full article

Read More

💥 Introducing Skott, the new Madge!

Hello everyone, hope you're doing well! Today I'm very pleased to share a fun project that I have been working on for several months now: skott.

Full article

Read More

Feature Flags with JavaScript Proxies

JavaScript Proxies are objects that can intercept and customize the behavior of fundamental operations on other objects, such as getting and setting properties, invoking functions, and much more. With JavaScript Proxies, you can create "virtual" objects that behave like real objects.

Full article

Read More

A Wide View of Automated Testing in React Apps

This guide will be as succinct and straight to the point as possible. In the future, we would like to provide more learning material, such as: If you think you could help out with the above and are interested in working in open-source/public, you can get involved with us on GitHub.

Full article

Read More

5 Best Frontend CI Tools for 2024

Continuous Integration (CI) tools play a crucial role in modern software development processes by automating code integration, testing, and deployment processes.

Full article

Read More

Bundler Design Trade-offs: The Rationale Behind Creating Rspack

Before embarking on the development of Rspack, we explored various build tools and frameworks, including extensive use of Webpack, Vite, esbuild, and Rollup in real-world production environments.

Full article

Read More

Mastering the System Design Interview: A Complete Guide

Take a look at Grokking Microservices Design Patterns to master microservices design patterns for designing scalable, resilient, and more manageable systems.

Full article

Read More

Understanding how React handles input state: A deep dive

Today’s web applications are more interactive, user-centric, and data-heavy than ever. Therefore, handling input fields, forms, and other such elements is a crucial aspect of creating and managing dynamic web pages.

Full article

Read More

useMemo overdose

Recently, I've been asked when to use the useMemo hook, and this question made me think and reflect on it. I slowly realised that I fell into the habit of using the useMemo hook for pretty much everything, and I couldn't explain why I was doing it.

Full article

Read More

Leveraging Web Workers for performance at HelloFresh — Part 1

At HelloFresh (and like many other companies) we run a lot of different tasks on the front-end, and if we run them on the front-end we run them on the main thread. Running any task on the main thread will come at a cost, and you pay that cost for how quickly your app hydrates.

Full article

Read More

Astro 3.0

Introducing Astro 3.0! Astro 3.0 is the first major web framework to support the View Transitions API. Fade, slide, morph, and even persist stateful elements across page navigation with ease. Until recently this had only been possible inside of JavaScript Single Page Applications (SPAs).

Full article

Read More

Creating an NPX tool

I’ve found myself creating a lot of tools that I use on a daily basis, and I’ve always wanted to make them accessible from anywhere, without having to download them. I’ve found that the best way to do this is to create an NPX tool. First, we need to create a new node project.

Full article

Read More

Monorepo Semantic Releases

Maybe the one of the reasons you reading this lines is that you already tried to setup semantic releases in the monorepo. Googled, crawled Stack Overflow, maybe asked ChatGPT but lots of questions remained unanswered. At least that’s what my experience was… Explicitly defined monorepo members.

Full article

Read More

The Future of Module Federation

Over the past 4 years, I have encountered my fair share of limitations in Module Federation. It did the job it was built to do, import code from other bundles. But over time, as use cases, scale, and userbase got larger — there were design oversights that would have been really helpful to consider.

Full article

Read More

If you want to address tech debt, quantify it first

When Ward Cunningham coined the technical debt metaphor, he needed a way to discuss the decisions made early in a project that were coming back to haunt his engineers as they continued building down the line. He was at a firm doing financial software, so a fiscal metaphor was in order.

Full article

Read More

React Suspense in three different architectures

React Suspense has had a strange journey: for years it was little used and was seen as having little benefit, just a fancy way to render a loading state. With the recent release of React 18, however, Suspense provides a whole new set of benefits which deserve a second look.

Full article

Read More

Good Engineer, Excellent Engineer, Architect

Let me explain. Engineers' focus area is systems construction. They naturally need to become experts in answering a “how to build a system” question by defining the target system structure and performing modular synthesis.

Full article

Read More

When Taylor Swift crashed Ticketmaster: A lesson on scaling for spikes

This post is from originally Engineering Enablement, a free newsletter available on Substack from Fahim ul Haq, the CEO and Co-founder of Educative, the world’s best learning platform for software developers.

Full article

Read More