React

React, visualized Some nice animated visualizations of react concepts. Includes some features from react 19 like actions, transitions, and Server Components.

Sunsetting Create React App – React I’m glad they finally “officially” deprecated it since it hasn’t been the greatest choice for a while now… Like the docs now recommend, Vite is a much better choice. You can run npm create vite@latest to get a starting point very similar to CRA but much faster and with less bloat. The only thing I wish it included was tests setup but this post does a good job showing how to do that: Simple React and Vite setup with unit testing ...

Entangled Interfaces: A Quantum Leap in UI Engineering with React

You probably don’t want to put a React error boundary at the root of a component (meaning, wrapping the component’s own render output). This is because error boundaries only catch errors in their child component tree. They won’t catch errors that occur within the error boundary component itself, including errors in its own render method or lifecycle methods. To use an error boundary effectively, you need to wrap the component you want to protect with the error boundary from the parent. ...

I recently learned that there are actually several ways to add comments in JSX in React. I had known about the {/* comment */} syntax but didn’t realize you could use // within a jsx element: function MyComponent() { return ( <div> <Hello message="Hello, World!" // message prop requires a string /> </div> ) }