- Published on
- 26 min read
One pagination behavior built four ways — as a higher-order component, a render prop, a custom hook, and a headless hook with prop getters — to show what each pattern really costs and how to choose between them in React 19.
One pagination behavior built four ways — as a higher-order component, a render prop, a custom hook, and a headless hook with prop getters — to show what each pattern really costs and how to choose between them in React 19.
A full walk through React rendering, from the moment you call a state setter to the moment the browser paints. What a fiber is, what is really stored on one, how the two trees work, what the commit phase does, and how lanes decide what runs first. Checked line by line against React 19.3.
React Server Components are powerful and extremely important new application architecture for building scalable, smart, and complex React applications. This post will cover everything you need to know about RSCs, and how to use Suspense for data fetching.
Why can't we use hooks conditionally? How do hooks work? Where is data stored? What is React Fiber? We are gonna try to answer all those questions together.
Stable keys preserve the identity of React list items. Follow an input through a prepend, fix the example, and see when changing a key should reset state.