create-react-query-hook

What problem does it solve?

This skill automates the creation of reusable React Query hooks to manage server state, ensuring consistent data fetching, caching, and invalidation patterns across a codebase.

Core Features & Use Cases

• Query hooks: Generate use-<resource> hooks for fetching data with standardized query keys.
• Mutation hooks: Create use-<resource>Mutation hooks for mutations with reliable cache invalidation.
• Server Actions integration: Aligns with Next.js Server Actions to trigger client-side data refresh automatically.
• Code organization: Enforces a consistent file structure under src/hooks/queries and src/hooks/mutations.

Quick Start

Create a new React Query hook by following the scaffold guidelines in your Next.js project, then import and use the generated hook in your components.