react-impl-data-fetching
OfficialMaster React data fetching and server state.
AuthorOpenAEC-Foundation
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps React developers implement robust data fetching and server-state patterns, avoiding common pitfalls like ad-hoc useEffect fetching, missing caching, and stale UI when communicating with APIs. It covers TanStack Query, useQuery, useMutation, Suspense integrations, and the React 19 use() hook, along with strategies for caching, optimistic updates, and pagination.
Core Features & Use Cases
- Deterministic data fetching workflows with TanStack Query and React hooks for dashboards, forms, and lists.
- Efficient caching, invalidation, optimistic updates, pagination, and support for Suspense-based data loading.
- Real-world patterns for error handling, cancellation signals, and parallel/dependent queries across complex UIs.
Quick Start
Fetch data from an API using useQuery in a React 18/19 app and display the results with loading and error states.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: react-impl-data-fetching Download link: https://github.com/OpenAEC-Foundation/React-Claude-Skill-Package/archive/main.zip#react-impl-data-fetching Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.