Skills
.Work. You
Rest

react-query-best-practices

Community

Enforce React Query best practices at scale.

Software Engineering#frontend#best-practices#state-management#react-query#tanstack-query#query-keys
Authortunacosgun
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Inconsistent React Query usage leads to stale data, brittle server-state handling, and fragile cache management across a codebase.

Core Features & Use Cases

  • Enforce hierarchical query keys with an all root key to support reliable invalidation.
  • Ensure explicit staleTime on all queries and proper use of onSettled for mutations.
  • Keep query hooks colocated with their keys (hooks/queries) and avoid duplicating server data in local state.

Quick Start

Audit the codebase to identify and fix violations of React Query best practices.

Dependency Matrix

Required Modules

None required

Components

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: react-query-best-practices
Download link: https://github.com/tunacosgun/sim/archive/main.zip#react-query-best-practices

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.