Impossible Components

Suppose I want to greet you in my favorite color. This would require combining information from two different computers. Your name would be coming from your computer. The color would be on my computer.

Full article

Read More

Why Do We Have a Cache-Control Request Header?

I’ve written and spoken many, many times about the Cache-Control response header and its many directives, but one thing I haven’t covered before—and something I don’t think many developers are even aware of—is the Cache-Control request header.

Full article

Read More

How to Think About Time

Time is what keeps everything from happening at once. —Ray Cummings It’s hard to write much code without encountering the need for when. We might need to record when something happened. Or dictate when something should happen. Or give a range during which the thing can happen. Or in some other way, our code needs to deal with dates and times.

Full article

Read More

Robust Data Fetching Architecture For Complex React/Next.js Apps

How I use the 'Three Layers of Data' architecture pattern for React and Next.js apps to avoid common pitfalls, tech debt, and improve performance Most of us underestimate data fetching complexity until it’s too late. Many projects begin innocently with useEffect() and fetch() sprinkled across components. Before you know it, the growing tangle of error handlers, loading states, memoization, and caching logic turns your code into a debugging nightmare.

Full article

Read More

RSC for Astro Developers

Okay, so in Astro you have two things: Astro Components: They have the .astro extension. They execute exclusively on the server or during the build. In other words, their code is never shipped to the client.

Full article

Read More

Copilot ask, edit, and agent modes: What they do and when to use them

If you have opened Copilot Chat in VS Code lately and didn’t notice the tiny dropdown hiding at the bottom, you’re not alone. It’s easy to miss, especially when you’re heads down trying to get something shipped.

Full article

Read More

Categorize Your Dependencies

When building a project, it’s very likely that we will install third-party packages from npm to offload some tasks. On that topic, we know there are two major types of dependencies: dependencies (prod) and devDependencies (dev). In our package.json, it might look something like this:

Full article

Read More