The modern human is so chronically starved for entertainment that they would sooner run the planet to the ground for slop than pick up a pencil, or a guitar, or a pen and get themselves a bottomless dopamine well for life. Because consumption is effortless, but it is not free.

So music is, basically, math and nobody has told me?

When you spend a whole day writing an orchestral piece that you think is in Locrian but it turns out to be somehow easy and fun, I've got bad news for you... It's not in Locrian.

📰 Today, I'm writing about an API so dark, so magical, you should never use it in your product code. Naturally, I've used it in my tests and let me show you how. Let's talk about Symbol.iterator and how the spread syntax works in JavaScript.

For a while, I thought this was the pinnacle dialog experience. Until I realized this isn't how I want to consume dialogs. Let me explain.

I just got my CI from 6m44s down to 4m7s and it took ONE change in Playwright config. How come nobody ever told me Playwright fails to properly calculate the number of cores your CI machine has? This tiny screenshot screams of MONTHS of time wasted on CI over the years.

My novelette, Loggerheads, is 50% off for the holidays! That includes both digital and physical editions. A perfect story to get oneself lost in with a hot cup of tea in your hand and a crackling fireplace by your side. Get yourself a copy below 👇

I want to see more books about book covers and their history.

Turns out, my blog amasses around 30k unique visitors per month. That is bananas, considering I write (mostly) about extremely niche things. Thank you, dear reader!

A huge thank you for Kraken Tech (github.com/kraken-tech) for becoming a new MSW sponsor on GitHub! ❤️ Your support means a ton. Thank you!

I got to the point where I wanted to start writing first tests in my project and I caught myself kind of trying to skip that. Huh. I know how important tests are and yet I wasn't excited to write them. That turned into such an important lesson I want to talk about it.

What is the best practice for writing large files via the File System API? Even writing a 5MB file to disk takes ~2s. That's extremely slow. Folks mentioned OPFS, but I don't see how that's a solution at all. It's a different way of *storing* data, not a replacement for FS API

When designing your APIs it's natural to want to name things for what they are. But when choosing method names, it's often much better to let the name describe what the method *does* instead of what it is. Compare these two (see what I did here?):

You might not need Server Components. You might not need hooks. You might not need React. You might not need a framework. You might not need a server. Choose the stack that solves your users' problems best.

There's no technical reason you shouldn't be able to return an ArrayBuffer (or even a stream) from page.evaluate in Playwright. Those things are serializable. But here we are...

I've been driving Playwright UI extensively for the past month and I know at least 10 issues that absolutely drive me crazy. Sadly, I don't believe the current maintenance approach to the project will have any of them resolved. Eh.

"...a girl and her two younger browsers." Yep. A totally normal sentence. Nothing to see here.

One of the interesting challenges on recent memory is this: how do you "refresh" images pointing to local (cached) resources after you *replaced* the buffer for those resources? Previously, I had to design React hook hackery to update those images. Not anymore.

Ever since YouTube decided to use lowercase letters for describing the view count, I've watched so many 1, 2, 3-minute videos it's incredible. Seriously, who thought that was a good idea? 🤦‍♂️

Using Service Workers for API mocking was a somewhat unconventional idea. Years later, I came across another such idea. It's even more crazy, especially in how simple it is. Looking forward to sharing it with you.

I remember someone tried defending Safari's stagnating adoption of web APIs by saying its releases are coupled to OS releases. And then here I am, looking at the second Safari standalone update prompt on the same version of macOS. Uh-huh.

Using Vitest Browser Mode to test this package that allows you to persist your Zustand store in IndexedDB. github.com/zustandjs/z... The code that's meant to run in the browser is meant to be tested in the browser. VBM makes it silly easy.

Publishing a new version of the package that's already published to npm. Do you want to guess what *actually* caused this error? Post your answer. Will post the correct answer below.

I'm so glad to see iPhone Air win the best design award. Originality and ingenuity have to be appreciated. Good job.

Over the course of the past month, I've got to persist Zustand state in: - sessionStorage - IndexedDB - Browser Cache All with clear, declarative custom persist middlewares. I freaking love Zustand for this.

I've been doing open source for a decade now. I remember dreaming about becoming smart enough to contribute to the projects I myself used. I've contributed here and there but mostly built my own stuff. Last week was I got invited to Zustand as a contributor. ❤️

This is the simplest way I can describe the main point and appeal of Remix 3: You work with events. Aside from native DOM events for managing things like form inputs or "outerPress", anything can become an EventTarget and anything can subscribe to events on any targets.

I've never had an easier experience of creating form abstractions than in Remix 3. DOM events are truly unmatched. We've been spoiled to think we need a form library. There's so much beauty and simplicity to be had from web forms when tapping into events.

Had to retcon the drinks people of my fictional world drink based on their geographical position, climate, water access, and culture. Things like these are my favorite. I do these for myself.

My GitHub Sponsors profile is live! You can sponsor me to support my open source work 💖 github.com/sponsors/Bos...

JavaScript isn't having its best year, is it?

Apache Software Foundation is using MSW: github.com/apache/hado... ❤️

More often than not, the best UI animation is no animation.

CSS variables cascading and calc() enable so many things in CSS it's mesmerizing.

🤦‍♂️ I can't believe resizing a PWA window still shows the window dimensions preview at the top right corner. Because that's so native app-ey, huh.

Playing Kingdom Come Deliverance 2. Entering a random kitchen in a random village. Someone from another room: *to himself* Kurva... 10/10 game, totally recommend.

Me: Oh, wow, downloading Chromium for Playwright takes 35s. Better use a Docker image where it's pre-installed so I can shave off that time. Me, after seeing the Docker image take 35s to initialize: What a splendid day of great works that's been! *pets himself on the back*

⚡️ The first Vite 8.0 beta is here! - Powered by Rolldown, bringing significantly faster production builds and more consistency - New features such as tsconfig paths or emitDecoratorMetadata support - Bumping browser targets aligned with Baseline Widely Available Read more in our announcement post!

ESM is absolutely goated for testing. Check out how I'm reusing my Zustand store to put my app into the state I need. - Fetches the actual module via HTTP; - Executes the same logic that my app uses; - Relies on that store's `persist` strategy; - Type-safe and gorgeous.

It sucks that Playwright doesn't have a test run level `beforeAll` hook. Or any hook, for that matter. Why? Global browser mocks for browser APIs it doesn't support.

After many long years, the most widely used React framework in the world has React Server Components support! And the migration story is iterative, not "big bang" 💥 I think React Router's take on RSC is really great. Read the article and watch the whole video here: www.epicreact.dev/react-router...

@profanity.accountant do the thing, I guess?

I've been building on Remix 3 exclusively for about a month and I'm slowly gathering enough tidbits to put into an article. I will likely wait for the team to ship the next version next spring though. There's a chance most of my criticism will be addressed there.

I really dislike sharing negative sentiment toward tools, but npm's CLI has forever cemented the title of one of the worst CLIs I have been subjected to use. It constantly wastes my time. It prints irrelevant errors and warnings that have nothing to do with what's actually wrong.

TIL there's a common mapping between font subfamilies and `font-weight` in CSS: developer.mozilla.org/en-US/docs/... This is the kind of world I want to live in. Beautiful.

Just implemented my first view transition in CSS. Woah.

Can we please appreciate how freaking fast Vite is? I've got a medium-sized app with a bunch of routes, components, styles, and it boots up instantly. Love this.

If your app/tests cannot import and run ESM code you need to stop whatever you're doing, open your JIRA, and book yourself 5 days of work in the first sprint of next year to solve that. ESM has been around for years. It's a standard. Please use it. Thank you.

So ya'll rotate your NPM tokens every 90 days now? Or is there a way that promotes secure publishing without turning it into a total chore? 👀

For those of you who have not muted the words "Black Friday" and "Sale" yet, you can grab a 50% (‼️) discount on all things Epic here: www.epicweb.dev/2025-50 Get really good at full stack React development and testing with these premium workshops.