Blog

Stop using boolean props as imperative commands. In React 19 ref is just a prop — accept it, or use useImperativeHandle to expose a clean typed API for focus, reset and validate.

overflow:hidden and CSS stacking contexts trap your modals and tooltips. React's createPortal escapes both while keeping the React tree — and context — intact.

One 'use client' at the top of your layout wipes out every performance benefit RSC offers. Learn how to push the boundary to leaf components and keep your server tree intact.

Stop adding props for every variation. Compound components let parent and children share state via Context — the pattern powering shadcn/ui, Radix UI, and every serious React UI kit.

When useState leaves you with six interdependent state variables, useReducer gives you one coherent state machine — plus a reducer you can test without mounting a component.

Bun is faster where the runtime layer is the bottleneck — startup, installs — and irrelevant where your database is. And the "native addons don't work" objection is out of date: Bun implements ~95% of N-API. How to make the call without repeating anyone's unsourced benchmark.

A virtual DOM is a data structure plus four functions, about 150 lines. Build h, createElement, diff and patch — then measure where "minimal DOM operations" is true and where it quietly isn't.

HOCs didn't die with hooks. React.memo, Redux connect, and half your favorite libraries still use them. Learn to write type-safe HOCs and when to reach for the pattern.

Conditional types and mapped types let you write types that compute — filtering keys, extracting nested types, and deriving new shapes from old ones without duplication.