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. React + API
  3. API Fundamentals
React + API

API Fundamentals

Explore 4 articles in this topic.

4 Articles
Browse topics:
All Topics (5) API Fundamentals (4) Request & Response Patterns (1)
Fetching Data in React: Mental Model for Server-Client Sync

Fetching Data in React (Mental Model): Synchronizing Server & Client

Master the mental model of data fetching in React. Learn useEffect, async operations, race conditions, and how to keep UI in sync with server state.

Jan 11, 2026
Read
Fetch API in React: Complete Data Fetching Guide (2025)

Fetch API in React: Complete Data Fetching Guide

Master Fetch API in React with useEffect, state management, error handling, and performance optimization. Learn proven patterns from setup to production.

Jan 11, 2026
Read
Axios vs Fetch API: Choosing the right HTTP client for React (2026)

Axios vs Fetch API: HTTP Client Performance & Trade-offs (2026)

Master HTTP request handling in React 19. Compare Axios and Fetch API with real performance metrics, security considerations, and production code patterns for modern applications.

Jan 2, 2026
Read
React Query Basics: Master useQuery, useMutation, and Caching (2026)

React Query Basics: Data Fetching & Caching Made Simple (2026)

Learn React Query fundamentals in this hands-on guide. Master useQuery, useMutation, caching strategies, and synchronization with TanStack Query v5+ for modern React data management.

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.