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.

A client-side router watches the URL, matches it against patterns, and calls a handler. Build one in 110 lines — params, wildcards, back/forward — and see the four decisions every router makes for you.

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.

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.

React or Vue for a new dashboard? A comparison of the component model, reactivity, state management, TypeScript story and hiring reality — with the invented benchmark numbers left out.

React 18+ lets you mark state updates as non-urgent so expensive re-renders stop blocking inputs. Here's exactly when to use startTransition, useTransition, and useDeferredValue.