data-fetching-architecture
CommunityOwn scalable data flow with modular architecture.
AuthormDevsLabs
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Standardizes frontend data fetching by establishing a modular pattern that cleanly separates concerns among service calls, store management, and UI components, reducing boilerplate and errors.
Core Features & Use Cases
- Service Layer for all API interactions to centralize business logic.
- SWR-based Hooks for data fetching, caching, and revalidation.
- Optimistic Updates & Cache Invalidation to provide responsive UI and consistent state.
- ** Patterns Coverage** for list-detail and parent-keyed data flows using store-driven architecture.
Quick Start
Create a new domain service and wire it into the store following the canonical data-fetching architecture pattern.
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: data-fetching-architecture Download link: https://github.com/mDevsLabs/mAI/archive/main.zip#data-fetching-architecture 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 510,000+ vetted skills library on demand.