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. Components
  3. Fundamentals
Components

Fundamentals

Explore 5 articles in this topic.

5 Articles
Browse topics:
All Topics (5) Fundamentals (5)
Controlled vs Uncontrolled: React Form State Patterns

Lifting State Up in React: Share Data Across Sibling Components

Master lifting state up to share data between sibling components. Learn when to use props, recognize prop drilling problems, and apply real-world patterns with complete TypeScript examples.

Jan 11, 2026
Read
Controlled vs Uncontrolled: React Form State Patterns

Conditional Rendering Best Practices: Pattern Guide for React 19

Master conditional rendering in React 19. Learn optimal patterns: ternary operators, logical AND, early returns, and how to avoid common pitfalls with production-ready examples.

Jan 11, 2026
Read
Controlled vs Uncontrolled: React Form State Patterns

React Children Deep Dive: Mastering Composition & Rendering

Understand React children prop, ReactNode types, React.Children API, render props patterns, and advanced component composition techniques for React 19.

Jan 11, 2026
Read
Build Reusable React Components: Patterns & Best Practices

Build Reusable React Components: Patterns & Best Practices

Master 5 essential patterns for building reusable React components. Learn generic props, render props, custom hooks, and controlled state with complete TypeScript examples.

Jan 2, 2026
Read
Controlled vs Uncontrolled: React Form State Patterns

Controlled vs Uncontrolled: React Form State Patterns

Master React form patterns. Learn when to use controlled vs uncontrolled components, performance implications, and real-world examples with TypeScript.

Jan 2, 2026
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.