{"enrichment":{"faq":[{"a":"react-query-best-practices covers 24 rules for mastering React Query v4, including query key design, mutation patterns, caching strategies, and error handling. The guide emphasizes proper query invalidation, TypeScript integration, and WebSocket patterns to ensure your async state management is robust and performant.","q":"What are the best practices for react query?"},{"a":"react-query-best-practices explains how useQuery and useMutation patterns complement each other in React Query v4. It covers synchronizing queries after mutations, implementing optimistic updates, and managing cache invalidation to keep your UI state consistent with server data.","q":"How do useQuery and useMutation patterns work together?"},{"a":"react-query-best-practices details query invalidation approaches for React Query v4, including exact key matching, prefix-based invalidation, and predicate-based strategies. The guide shows how to invalidate queries after mutations and implement the stale-while-revalidate pattern for optimal performance.","q":"What is the recommended query invalidation strategy in react query?"},{"a":"react-query-best-practices provides patterns for integrating WebSockets with React Query v4, including real-time subscription management and cache synchronization. The guide covers maintaining query freshness with WebSocket events and avoiding common pitfalls when combining real-time updates with React Query's caching.","q":"How can I integrate WebSockets with React Query?"},{"a":"react-query-best-practices includes guidance on migrating from React Query v4 to v5, covering API changes, new features, and deprecations. The resource helps you understand breaking changes and update your query keys, configuration, and patterns for the latest TanStack Query version.","q":"What should I know about migrating from React Query v4 to v5?"},{"a":"react-query-best-practices addresses troubleshooting and debugging async state issues in React Query v4, including common mistakes, error handling strategies, and testing approaches. The guide helps you identify stale data problems, cache inconsistencies, and mutation failures through practical examples.","q":"How do I debug async state issues in React Query?"}],"shadow_tags":["async-state-management","server-state-caching","query-dependency-tracking","mutation-strategies","real-time-data-sync","performance-optimization","migration-guide","error-recovery"],"summary_rewrite":"A comprehensive guide to React Query v4 organized around 24 rules spanning query keys, mutations, caching strategy, WebSocket integration, TypeScript patterns, testing, and common pitfalls. Each rule includes explanations and code examples to help you implement async state management correctly and avoid frequent mistakes."},"files":[{"bytes":5385,"path":"skills/react-query-best-practices/SKILL.md","sha256":"82bcaf5477d3d89b0c76bd0feaaa5cb63d3bf99a065a261d2610566dff35741a","url":"https://skillfed.io/files/arraydude/agent-skills/react-query-best-practices/d8fbdeb7/SKILL.md"}],"id":"arraydude/agent-skills/react-query-best-practices","links":{"html":"https://skillfed.io/arraydude/agent-skills/react-query-best-practices","md":"https://skillfed.io/arraydude/agent-skills/react-query-best-practices.md","repo":"https://github.com/arraydude/agent-skills"},"meta":{"agents_supported":[],"first_seen":"2026-07-28","forks":0,"language":null,"last_updated":"2026-07-21","license":"MIT","name":"react-query-best-practices","publisher":"arraydude","stars":1},"relations":{"similar":[{"id":"secondsky/claude-skills/tanstack-query"},{"id":"tanstack-skills/tanstack-skills/tanstack-query"},{"id":"bobmatnyc/claude-mpm-skills/tanstack-query"},{"id":"Mindrally/skills/tanstack-query"},{"id":"oakoss/agent-skills/tanstack-query"},{"id":"arraydude/agent-skills/feature-workflow"},{"id":"gohypergiant/agent-skills/accelint-tanstack-query-best-practices"},{"id":"arraydude/agent-skills/smc-crt-analysis"},{"id":"patricio0312rev/skills/tanstack-query-setup"},{"id":"arraydude/agent-skills/validate-pr"}]},"slug":{"owner":"arraydude","repo":"agent-skills","skill":"react-query-best-practices"},"version":"d8fbdeb7"}