Advanced React in the Wild

React and Next.js have powered some of the web’s most ambitious projects in the last few years. In this period, teams have pushed the envelope on performance (achieving dramatic gains in Core Web Vitals like LCP and the new INP metric), balanced server-side and client-side rendering trade-offs, devised clever caching and state management schemes, and improved both developer and user experience.

Full article

Read More

When to choose GitHub-Hosted runners or self-hosted runners with GitHub Actions

Whether it’s building, testing, or deploying code, automating manual processes is key to improving developer experience and achieving a successful DevOps strategy.

Full article

Read More

How to exclude commits from git blame

After ten years of being a vivid space user, I decided to move all my projects to tabs. 😲 I applied this change to this blog's repository, and a problem came to light. If you change the formatting of hundreds of files, you're messing with your Git history. git blame becomes pretty useless.

Full article

Read More

JSX Over The Wire

REST (or, rather, how REST is broadly used) encourages you to think in terms of Resources rather than Models or ViewModels. At first, your Resources start out as mirroring Models. But a single Model rarely has enough data for a screen, so you develop ad-hoc conventions for nesting Models in a Resource. However, including all the relevant Models (e.g. all Likes of a Post) is often impossible or impractical, so you start adding ViewModel-ish fields like friendLikes to your Resources.

Full article

Read More

How Rolldown Works: Module Loading, Dependency Graphs, and Optimization Explained

Rolldown is a blazing-fast JavaScript bundler written in Rust, designed to work seamlessly with the Rollup API. The primary goal of it is to power Vite as its unified bundler in the near future. Right now, Vite relies on esbuild for lightning-quick local development and Rollup for production builds.

Full article

Read More

AI Index 2025: State of AI in 10 Charts

Small models get better, regulation moves to the states, and more. The new AI Index Report shows a maturing field, improvements in AI optimization, and a growing saturation of use - and abuse - of this technology.

Full article

Read More

Understanding how Vite deals with your node_modules

This is an article about Vite and its features which are related to the node_modules of your projects. In this article, we will explore how Vite deals with them in different modes and scenarios.

Full article

Read More

How to Build an Agent

It’s not that hard to build a fully functioning, code-editing agent. It seems like it would be. When you look at an agent editing files, running commands, wriggling itself out of errors, retrying different strategies - it seems like there has to be a secret behind it.

Full article

Read More

Avoid the State Synchronization Trap

This post is about a bad code pattern I see quite often. It’s about state management, particularly state synchronization. Often it is a source of bugs, glitches, and performance problems. Usually it is solvable by adjusting the state shape.

Full article

Read More

The new Cookie Store API

Historically, in a browser, programmatic access to cookies has revolved around the document.cookie API, which is simply a string getter/setter. To read a single cookie from that string, you must parse the whole string into a structured format.

Full article

Read More

Why does JSON have commas?

As it happens, I already wrote a post on why Commas are Bad. We did not arrive at any specific conclusion apart from commas maybe being worth rethinking and replacing with some other things. Among all the languages and formats that could do with fewer of them...

Full article

Read More

Chopped: AI Edition - Building a Meal Planner

As a dad of two toddlers with very particular tastes—one constantly wants treats for dinner and the other refuses anything that isn’t beige—I view dinnertime at my house as a nightly episode of “Chopped: Toddler Edition.

Full article

Read More

Fastify + React is 7x Faster than Next.js April 9, 2025

Remember the SSR Performance Showdown? And Theo's coverage of it? Now that @fastify/vue and @fastify/react reached 1.0.0, it's time for a revisit. Especially because we didn't test metaframeworks back then. We were just looking at the raw performance of frontend frameworks. Now, how do Vue and React fare when used in Fastify, Nuxt and Next? Let's find out.

Full article

Read More

Open-source AI: Are younger developers leading the way?

In March, over 1,000 developers and technologists gave us insights into what they think about open source and the role it plays with AI. The emergence of powerful and cost-effective open-source models has intensified the debate between open-source and proprietary AI.

Full article

Read More

Tauri vs. Electron: performance, bundle size, and the real trade-offs

At Hopp, we're building a cross-platform remote control application designed for a low-latency remote pair programming experience. Providing the best possible user experience is our top priority. Early in the development journey, the decision came to use either Tauri or Electron to build the app.

Full article

Read More

Tech hiring: is this an inflection point?

It is easy to assume that hiring solid engineers has never been simpler because fewer businesses are posting jobs and more engineers are competing for roles. But I’ve been talking with engineering managers, directors, and heads of engineering at startups and mid-sized companies, and got a surprise: they say the opposite is true! In fact, many report that in 2025 they find it harder to hire than ever. This seems like a contradiction worth digging into, so that’s what we’re doing today, covering..

Full article

Read More

Using GenAI as a learning tool, not a crutch

AI is changing how we think about coding. While tools evolve, critical thinking, problem-solving, and creativity remain the essential skills for top developers. GenAI is fast changing the modus operandi of software development.

Full article

Read More

Event versioning strategies for event-driven architectures

Synchronous API integrations create temporal coupling [1] between two services based on their respective availability. This is a tighter form of coupling and often necessitates techniques such as retries, exponential delay and fallbacks to compensate.

Full article

Read More

The Software Engineering Identity Crisis

Many of us became software engineers because we found our identity in building things. Not managing things. Not overseeing things. Building things. With our own hands, our own minds, our own code. But that identity is being challenged.

Full article

Read More

Cursor for Large Projects

There is a misconception that Cursor and Claude are just for prototypes. While this combo is great at writing new code, it’s also very effective at structuring code, standardizing, refactoring, and maintaining large projects. It’s super exciting since you can build software 5-30x faster.

Full article

Read More

React for Two Computers

I’ve been trying to write this post at least a dozen times. I don’t mean this figuratively; at one point, I literally had a desktop folder with a dozen abandoned drafts.

Full article

Read More

Deno v Oracle Update 3: Fighting the JavaScript Trademark

Oracle has just issued its latest reply in the ongoing proceedings at the US Trademark and Patent Office. We’re now waiting on the USPTO to weigh in—this is the moment when public attention matters.

Full article

Read More

React Reconciliation: The Hidden Engine Behind Your Components

Reconciliation is the process by which React updates the DOM to match your component tree. It’s what makes React’s declarative programming model possible - you describe what you want, and React figures out how to make it happen efficiently.

Full article

Read More

More accurate DevTools performance debugging using real-world data

Fixing performance issues in the real world means bridging the gap between your development environment and the diverse performance experiences of your users. In this post, we'll look at new features in Chrome DevTools that help you base more of your performance debugging decisions on real data rather than guesswork.

Full article

Read More

✨ How I Reduced My React Bundle Size by 30% (With Real Examples)

A step-by-step guide to shrinking your React bundle with a real example. In this post, I’ll show you 7 proven ways to reduce bundle size and speed up your builds — with a real demo you can try.

Full article

Read More

Cover Flow with Modern CSS: Scroll-Driven Animations in Action

Cover Flow – the iconic carousel of tilted album covers made famous by Apple in the late 2000s – remains a visually striking UI pattern. Originally seen in iTunes and Mac OS X Finder, Cover Flow let users flip through items as if browsing a tangible collection.

Full article

Read More

Copilot code review now generally available

Anthropic Claude 3.7 Sonnet, Claude 3.5 Sonnet, OpenAI o3-mini, and Google Gemini Flash 2.0 are now generally available in GitHub Copilot. With this change, these models are promoted from preview release terms to generally available release terms.

Full article

Read More

What Agentic Workflows Mean to Microservices Developers

Microservices changed how we build software by breaking systems into composable, independently deployable units. But as systems scale, so does the cognitive and operational load on developers — tracking dependencies, debugging across services, and managing deployments.

Full article

Read More

A practical guide to Llama Stack for Node.js developers

Over the last few months, our Node.js team has explored how to leverage large language models (LLMs) using JavaScript, TypeScript, and Node.js. With TypeScript/JavaScript often being the second language supported by frameworks used to leverage LLMs, we investigated various frameworks to see how easy they are to use and how they might affect the results we get.

Full article

Read More

Improving Pinterest Search Relevance Using Large Language Models

Pinterest Search is one of the key surfaces on Pinterest where users can discover inspiring content that aligns with their information needs. Search relevance measures how well the search results aligned with the search query.

Full article

Read More

Could JavaScript have synchronous await?

In JavaScript, code has color: It is either synchronous or asynchronous. In this blog post, we explore: The key problem is that synchronous code can’t call asynchronous code. On one hand that introduces a lot of duplication:

Full article

Read More

Postmortem on Next.js Middleware bypass

Last week, we published CVE-2025-29927 and patched a critical severity vulnerability in Next.js. Here’s our post-incident analysis and next steps. On 27 Feb 2025 06:03:00 GMT, the vulnerability was disclosed to the Next.js team through GitHub private reporting.

Full article

Read More

Better web video with AV1 codec

Learn how to instantly improve online viewing experience for your users by embracing the new AV1 video format that is already supported by Chrome, Safari and Firefox. This short guide will also show how to replace your GIF’s with videos, using AV1 or H.

Full article

Read More

I guess some request headers are more trustworthy than others.

There's a subset of request headers that can't be modified by a spec-compliant user agent. Let's explore why they're useful for determining how and for what purpose a request was triggered.

Full article

Read More

Minimal CSS-only blurry image placeholders

Here’s a CSS technique that produces blurry image placeholders (LQIPs) without cluttering up your markup — Only a single custom property needed! Granted, it’s a very blurry placeholder especially in contrast to other leading solutions.

Full article

Read More

Buying browser extensions for fun and profit

Your browser extensions could be secretly sold to malicious actors without your knowledge. What starts as helpful tools created by passionate developers can transform into dangerous spyware when sold to the highest bidder.
Full article

Read More

Hybrid Linters: The Best of Both Worlds

Native speed for parsing and type checking is wonderful. I also want the huge benefits of writing lint rules in an ecosystem's primary language. Here's how I think we can have both. It’s an exciting time for web dev tooling.

Full article

Read More

Building Robust React Apps with Zustand and Immer

For years, I dodged React like the plague. In fact, I avoided JavaScript altogether, even in web-related tasks. Take static site generators, for example. For my old chemistry blog, I experimented with a variety of tools, year by year: Pelican, Jekyll, Hugo, Grav... In the end, I settled on Zola.

Full article

Read More

How AI Agents Are Quietly Transforming Frontend Development

You may not hear them, but they’re there. Working in the background adjusting code, optimizing layouts, handling repetitive tasks — AI agents have been quietly infiltrating frontend development.

Full article

Read More

5 GitHub Actions every maintainer needs to know

Maintaining and contributing to open source projects can be rewarding—but it comes with a lot of small, repetitive tasks. The good news? GitHub Actions can automate the more tedious and error-prone parts of maintainership, freeing you up to focus on what matters: building and growing your community.

Full article

Read More