MCP (Model Context Protocol) is a game-changing technology that is all the hype right now, but I have heard some confusion around it. Here’s how I think about it. An example of MCP is letting Claude desktop read a file on your computer with instructions, write some code, commit that code to Github, and open […]

I’ve been working with AI agents a lot lately. Some people are confused what an agent really is, here’s how I think about it. At its most basic, an agent is an LLM prompt and a set of tools it can call autonomously. The agent has instructions, like “You are a helpful support representative” and

Building a demo app with an LLM is easy, because you don’t need it to work perfectly. What happens when it goes to production and 10-20% of the time the LLM hallucinates or provides an incorrect response? As we’ve seen in the headlines, this is unacceptable. LLMs are probabilistic, not deterministic, meaning they can give

I’m currently building an eCommerce checkout app, and I’m using Cypress for end to end testing. I ran into some issues and learned some tricks I’ll share with you here. If you aren’t familiar with the term e2e, it means testing the whole app from the user perspective. In my case, that would be add

When using a GraphQL client like urql, one of the issues you may run into is that your query and mutation responses are not typed. For example, let’s say we have a cart query: When we use this query, it would be nice to see autocompletion in our editor, as well as errors if we

When you are building a component library, or working on a large project, one of the issues you will run into is having too much logic in your components. If your component starts to look like this, it’s time to create some custom hooks: If you have multiple components using state and effects in a

When creating reusable React Components, either in a library or for your own use, you need a flexible way to style your components. There are 2 parts to this, what library or style system should you use, and then how do you implement that? Regarding the what style system to use, you have a lot

When building reusable React components, it’s tempting to make black boxes. That would be something like this: At first glance, this looks fine. You have a specific use-case for this component, you got a design and it is used in a single place, and it works perfectly for that. You built it in a way