Type something to search...

Blog

Image Lazy Loading Techniques for React Apps

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

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

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

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

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

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