Blog

Image Lazy Loading Techniques for React Apps
Images are usually the heaviest thing on a page. A product grid with 60 thumbnails, a blog index with a hero image per post, or a photo gallery can e
Continue Reading
Web Workers in React: Offloading Heavy Computation
JavaScript in the browser runs on a single main thread, and that thread is also responsible for handling clicks, running React, and painting the scre
Continue Reading
Debouncing and Throttling User Input in React
Some events fire far more often than you need to respond to them. A user typing "react hooks" into a search box fires eleven onChange events. Scrol
Continue Reading
Optimizing Bundle Size in React Applications
Every kilobyte of JavaScript you ship has to be downloaded, parsed, compiled, and executed before your app becomes interactive. On a fast laptop with
Continue Reading
Virtualizing Long Lists with TanStack Virtual
Render 10,000 rows with .map() and React creates 10,000 components, the browser creates tens of thousands of DOM nodes, and the first paint takes s
Continue Reading
Preventing Unnecessary Re-Renders with React.memo
When a component's state changes, React re-renders that component and every component below it, whether their props changed or not. Most of the time
Continue Reading