fetching-rules
CommunityUnified data fetching for server and client.
Software Engineering#react#nextjs#tanstack-query#fetching#infinite-scroll#loading-states#prefetching
Authormauriciodelrio
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill helps orchestrate frontend data fetching in React/Next.js apps by integrating Server Component fetch, TanStack Query, and caching/invalidation.
Core Features & Use Cases
- Server Component fetch for initial render with SEO considerations
- TanStack Query for client-side data fetching, caching, and mutations
- useInfiniteQuery for infinite scrolling with IntersectionObserver
- Prefetching and hydration across server/client boundaries to reduce perceived latency
- Consistent loading and error states, with a centralized API client layer for auth and error handling
Quick Start
Run the sample project to implement server and client data fetching with TanStack Query in a React/Next.js 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: fetching-rules Download link: https://github.com/mauriciodelrio/delriodev-skills/archive/main.zip#fetching-rules 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.