react-query-data-patterns
CommunityStandardize admin-ui data queries with React Query.
Software Engineering#patterns#react-query#api-patterns#admin-ui#query-keys#mutation-workflows#client-ts
Authoraidanaden
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Optimizes server-state management in admin-ui by enforcing a structured, 2-layer API module pattern for data fetching and mutations.
Core Features & Use Cases
- Provides a 2-layer API module pattern (client.ts, types.ts, queries.ts) to centralize HTTP calls, types, and query factories.
- Enforces service-scoped query keys, skipToken handling, and robust cache invalidation to simplify data consistency across admin-ui components.
- Supports clear mutation workflows and error handling through the query client and factories.
Quick Start
Create a new service API module under api/ and wire up its client, types, and queries to start using the React Query pattern in admin-ui components.
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-query-data-patterns Download link: https://github.com/aidanaden/sg-food-guide/archive/main.zip#react-query-data-patterns 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 223,000+ vetted skills library on demand.