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 5
Fundamentals
  • Reusable Components
  • Controlled vs Uncontrolled
  • Lifting State Up
  • Conditional Rendering
  • React Children
State Management 5
State Fundamentals
  • What Is State in React?
Context API
  • React Context Explained
Global State Libraries
  • Redux Toolkit Explained
  • Zustand Tutorial
  • Jotai Tutorial
Performance 5
Rendering Fundamentals
  • How React Rendering Works
  • What Triggers a Re-Render
  • Initial Render vs Re-Render
Re-Renders & Memoization
  • Debouncing & Throttling
Code Splitting & Lazy Loading
  • Lazy Loading
React Router 5
Routing Fundamentals
  • React Router Overview
  • SPA Routing vs MPA Routing
  • How Client-Side Routing Works
Nested Routes & Layout Patterns
  • Nested Routes Explained
Authentication & Protected Routes
  • Protected Routes (Auth Patterns)
React + API 5
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
  1. Home
  2. Performance
  3. Rendering Fundamentals
Performance

Rendering Fundamentals

Explore 3 articles in this topic.

3 Articles
Browse topics:
All Topics (5) Rendering Fundamentals (3) Re-Renders & Memoization (1) Code Splitting & Lazy Loading (1)
Debouncing & Throttling: Essential Performance Patterns

How React Rendering Works: The Complete Technical Guide

Understand React's rendering engine: virtual DOM, reconciliation, Fiber architecture, and concurrent rendering. Master performance optimization at the system level.

Jan 11, 2026
Read
What Triggers a Re-Render in React 19: Internals & Edge Cases

What Triggers a Re-Render in React 19: Internals & Edge Cases

Understand React re-render mechanics in depth. Learn how state updates, prop changes, and parent renders trigger component updates, with fiber architecture insights.

Jan 11, 2026
Read
Initial Render vs Re-Render in React 19: When and Why They Differ

Initial Render vs Re-Render in React 19: When and Why They Differ

Master the distinction between initial renders and re-renders in React. Learn lifecycle differences, hook behavior, and optimization strategies for both phases.

Jan 11, 2025
Read
Sponsored

Google AdSense Placeholder

FOOTER SLOT

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.