state-handling
CommunityRobust React data-state patterns.
Software Engineering#suspense#react#error-handling#hydration#tanstack-query#loading-states#server-prefetch
Authorleonardoacosta
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Standard patterns for loading, error, and empty states in React apps using TanStack Query, reducing boilerplate and ensuring consistent UX across data-driven components.
Core Features & Use Cases
- Standardized handling for Loading → Error → Empty → Data across components.
- Supports Skeleton, ErrorState, and EmptyState components, plus mutation state and Suspense boundaries.
- Server prefetch with HydrateClient and React.cache() deduplication to optimize SSR/CSR data fetching.
Quick Start
Apply the ready-made loading, error, and empty state patterns to a data-fetching component in my React app.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: state-handling Download link: https://github.com/leonardoacosta/central-claude/archive/main.zip#state-handling 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.