Skip to main content
react.wiki logo react.wiki
React Hooks Components State Management Performance React Router React + API
React Hooks 40
Core Hooks
  • useState Explained
  • useState vs useRef
  • How useEffect Works
  • useEffect Cleanup
  • Dependency Array Guide
  • Common useEffect Mistakes
  • useContext Examples
  • useReducer vs useState
  • useCallback Guide
  • useMemo Performance
  • useRef Explained
  • useLayoutEffect
  • useImperativeHandle
  • useDebugValue
  • useId in React 19
Custom Hooks
  • Build useFetch
  • useLocalStorage
  • useDebounce
  • useThrottle
  • useHover
  • useIsMounted
  • useDarkMode
  • useEventListener
  • useMediaQuery
  • useScrollPosition
  • useInfiniteScroll
  • useInterval
  • useTimeout
  • useClickOutside
  • useToggle
Common Use Cases
  • Form Validation
  • Fetching API Best Practice
  • File Upload Hook
  • Pagination Hook
  • Infinite Loading
  • Search Filter
  • Theme Toggle
  • Window Size
  • Copy to Clipboard
  • Authentication Hook
Components 6
Fundamentals
  • Reusable Components
  • Controlled vs Uncontrolled
  • Lifting State Up
  • Conditional Rendering
  • React Children
Patterns
  • Composition vs Inheritance
State Management 6
State Fundamentals
  • What Is State in React?
Context API
  • React Context Explained
  • Context vs Props Drilling
Global State Libraries
  • Redux Toolkit Explained
  • Zustand Tutorial
  • Jotai Tutorial
Performance 6
Rendering Fundamentals
  • How React Rendering Works
  • What Triggers a Re-Render
  • Initial Render vs Re-Render
Re-Renders & Memoization
  • Avoiding Unnecessary Re-Renders
  • Debouncing & Throttling
Code Splitting & Lazy Loading
  • Lazy Loading
React Router 6
Routing Fundamentals
  • React Router Overview
  • SPA Routing vs MPA Routing
  • How Client-Side Routing Works
Nested Routes & Layout Patterns
  • Nested Routes Explained
Navigation & URL State
  • useParams Explained
Authentication & Protected Routes
  • Protected Routes (Auth Patterns)
React + API 6
API Fundamentals
  • Fetching Data in React (Mental Model)
  • Fetch API in React
  • Axios vs Fetch (Trade-offs)
  • React Query Basics
Request & Response Patterns
  • Building a Production-Ready API Client
Error Handling & Resilience
  • Error Handling Patterns (HTTP + Network)
  1. Home
  2. Performance
  3. Re-Renders & Memoization
Performance

Re-Renders & Memoization

Explore 2 articles in this topic.

2 Articles
Browse topics:
All Topics (6) Rendering Fundamentals (3) Re-Renders & Memoization (2) Code Splitting & Lazy Loading (1)
Avoiding Unnecessary Re-Renders: React Performance Optimization Guide

Avoiding Unnecessary Re-Renders in React: Complete Guide

Master React performance optimization. Learn when re-renders happen, use React.memo, useMemo, and useCallback effectively. Includes real-world examples and anti-patterns to avoid.

Jan 12, 2026
Read
Debouncing & Throttling: Essential Performance Patterns

Debouncing & Throttling: Essential Performance Patterns

Master debounce and throttle techniques for React. Learn when to use each, implementation patterns, real-world examples, and performance optimization.

Jan 2, 2026
Read
react.wiki logo react.wiki

The structured React knowledge base for professional developers. Clear patterns, production-ready code.

Popular Topics

  • React Hooks
  • Components
  • State Management
  • Performance

Resources

  • React Router
  • API Integration
  • Official React Docs ↗
  • GitHub ↗

About

  • About Us
  • Privacy Policy
  • Terms of Use
  • Contact
© 2026 react.wiki. All rights reserved.
Built with Astro | React and the React logo are trademarks of Meta Platforms, Inc.

Disclaimer: This website is an independent educational resource and is not affiliated with, endorsed by, or sponsored by Meta Platforms, Inc. or the React team. All content is provided for informational purposes only. Code examples are provided "as is" without warranty of any kind.