writing-react-query

What problem does it solve?

This Skill streamlines data fetching, caching, and server state management in React applications, preventing common pitfalls and ensuring optimal performance.

Core Features & Use Cases

• Optimized Data Fetching: Implements best practices for useQuery and useMutation.
• State Management: Guides on separating server state (React Query) from client state (Zustand).
• Use Case: When building a dashboard that displays real-time user data and product lists, this Skill ensures data is fetched efficiently, cached appropriately, and mutations update the UI seamlessly without redundant state management.

Quick Start

Create a dedicated query hook for fetching user data using useQuery with appropriate staleTime and gcTime configurations.