tanstack-react-query-mutations
CommunityOptimistic mutations with reliable cache.
Software Engineering#tanstack#error-handling#mutations#react-query#optimistic-updates#cache-invalidation#ssr-spa
Authoragusmdev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Mutations in UI-heavy apps can lead to stale data and inconsistent UX. This skill provides a standardized set of mutation patterns (create, update, and delete) using TanStack Query's useMutation, with optimistic updates, error handling, and robust rollback and cache-invalidation strategies.
Core Features & Use Cases
- Mutation patterns for create, update, and delete using TanStack Query's useMutation, including onMutate, onSuccess, onError, and onSettled.
- Cache management through invalidation and optimistic updates to keep lists and details in sync.
- Real-world use case: updating a user profile and reflecting changes instantly while syncing with the server.
Quick Start
Instantiate the provided useMutation hooks in your React components and integrate them with your UI to manage mutations.
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: tanstack-react-query-mutations Download link: https://github.com/agusmdev/fullstack-ai-template/archive/main.zip#tanstack-react-query-mutations 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 223,000+ vetted skills library on demand.