Skip to main content
R
react.wiki
Hooks Components State

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

Advanced Topics

  • Prevent Re-Renders
  • When useMemo Hurts
  • Deep Compare Pattern
  • Stabilizing Functions
  • Previous Values with useRef
  • useEffect Twice in Dev
  • Race Conditions
  • useEffect vs useEvent
  • Internal Scheduling
  • useReducer + Context

React 19 / 2025 Trends

  • useEvent Explained
  • useTransition
  • useOptimistic
  • Compiler + Hooks
  • Hooks Anti-Patterns 2025

Fundamentals

  • Reusable Components
  • Controlled vs Uncontrolled
  • Lifting State Up
  • Conditional Rendering
  • React Children
  • Props Drilling
  • Passing Functions

Patterns

  • Composition vs Inheritance
  • Smart vs Dumb
  • Container vs Presentational
  • React.memo Usage

UI Elements

  • Modal Component
  • Dropdown Component
  • Tabs Component
  • Switch Toggle
  • Pagination
  • Accordion
  • Toast Notification
  • Skeleton Loading

Advanced & System

  • Protected Route
  • Multi-Step Form
  • File Upload
  • Search Input
  • Error Boundary
  • Suspense Boundary
  • Fallback UI
  • Drag and Drop
  • Virtualized List
  • Image Lazy Load
  • Context API
  • Redux Toolkit
  • Zustand Guide
  • Jotai Basics
  • Debouncing & Throttling
  • Lazy Loading
  • Virtualization
  • Nested Routes
  • Protected Routes
  • Loaders & Actions
  • Axios vs Fetch
  • React Query Basics
  • Handling Errors
  • Next.js Basics
  • Vite Setup
  • Tailwind + React
  • Typing Props
  • Typing Hooks
  • Generics in React
Updated for React 19

The Structured React Wiki.

No fluff. Just clear, copy-paste ready patterns for professional developers.

useEffect Guide Custom useFetch Zustand Setup React 19
AdSense Leaderboard

Google AdSense Placeholder

HEADER SLOT

Core Essentials

The fundamental building blocks of React.

55 Articles

React Hooks

Complete reference for all React Hooks, from basics to advanced patterns.

useState useState vs useRef How useEffect Works useEffect Cleanup +51 more
29 Articles

Components

Master React component architecture, patterns, and build common UI elements from scratch.

Reusable Components Controlled vs Uncontrolled Lifting State Up Conditional Rendering +25 more
4 Articles

State Management

Deep dive into State Management with practical examples.

Context API Redux Toolkit Zustand Jotai Basics

Architecture & Performance

Scaling your application correctly.

3 Articles

Performance

3 Articles

React Router

3 Articles

React + API

Ecosystem & Reference

3 Articles

Ecosystem

3 Articles

TypeScript

Sponsored

Google AdSense Placeholder

FOOTER SLOT