Frontend Development

RSC means React Server Components. And yet, although this blog is built with RSC, it is statically served from a Cloudflare CDN using their free static hosting plan. It costs…

I was involved in a very bad car accident at the end of January 2022. Here’s the story. I had just dropped my son off at a birthday party and…

Meet sibling-index() and sibling-count(). Staggered cascade effect in one line of CSS without :nth-child() rules or JS workarounds. Works for 5 items or 5,000. You know that thing where you…

Hydration mismatches are easy to spot in development and frustratingly hard to diagnose in production. In development, React can show the mismatching content, a component stack, and a more readable…

June 15, 2022 by Andrew Clark, Dan Abramov, Jan Kassens, Joseph Savona, Josh Story, Lauren Tan, Luna Ruan, Mengdi Chen, Rick Hanlon, Robert Zhang, Sathya Gunasekaran, Sebastian Markbåge, and Xuan…

Introduction The most exciting thing about container queries, in my opinion, is that they expand what’s possible in terms of user interface design. They give us new options when it…

Next.js 15.4 includes updates to performance, stability, and Turbopack compatibility. Highlights for this release include: This blog post also includes an early preview of what’s coming in Next.js 16, our…

How many requests should it take to navigate to another page? In the simplest case, a navigation is resolved in a single request. You click a link, the browser requests…

A few months ago, I wrote about my migration from Postgres to SQLite. I ended that with a “to be continued” because I had a number of issues related to…