3 minintermediate
React memo vs useMemo vs useCallback — When to Use Which
Three React APIs that all say 'memoize' — but they do different things. Clear explanations, examples, and a cheatsheet.
Bite-sized JavaScript, React & Next.js tips.
Short posts with code and diagrams. Readable in minutes.
1 minintermediate
useDeferredValue Explained: Keeping React UIs Responsive
How useDeferredValue works under the hood, when to use it, and how it differs from useTransition.
3 minintermediate
useTransition Explained: Make React Feel Instant
How useTransition works under the hood, when to use it, and how it differs from useDeferredValue.
4 minadvanced
React Fiber Explained: How React’s Engine Actually Works
A deep but clear explanation of React Fiber — the engine that powers modern React rendering and concurrency.
3 minintermediate
React Context Explained: How It Works Under the Hood
Understand what React Context is, how it works internally, and best practices for using it effectively.
2 minintermediate
Why setState Doesn’t Cause Hydration Errors
Understanding why calling setState after hydration doesn’t produce hydration mismatches in React/Next.js.
4 minintermediate
AbortController & AbortSignal
Everything you need to cancel async work in JS: fetch, streams, custom tasks, React patterns, Node notes, timeouts, races, and common pitfalls.
4 minintermediate
How useState Works Under the Hood (and Why It Needs use client)
Deep dive into React's useState, how it works internally, and why client components are required in Next.js App Router.