2 min read
useDeferredValue — Keep Input Snappy During Slow Renders
Defer updating slow results so typing stays responsive.
Continue reading
All topics
Topic
foundational patterns
7 posts exploring foundational patterns.
-
-
2 min read
Debounce — Wait for the User to Finish Typing
Delay expensive work (like search) until input settles using a simple debounced hook.
Continue reading -
2 min read
Deriving State — Calculate It, Don't Store It
Remove unnecessary state and effects by deriving values from existing state.
Continue reading -
3 min read
Lifting State Up: Share Data Between Siblings Without Chaos
Learn how to move state to a common parent so sibling components can stay simple and in sync.
Continue reading -
2 min read
Colocating State: Keep State Close to Where It's Used
Reduce complexity by moving state into the component that actually needs it.
Continue reading -
4 min read
Custom Hooks: Extract and Reuse Stateful Logic in React
Stop duplicating logic across components. Learn how to design focused, reusable custom hooks with real-world examples.
Continue reading -
3 min read
State Machine Pattern: Replace Boolean Soup with a Single Status
Model UI states explicitly to prevent impossible combinations and clarify transitions.
Continue reading