accelint-tanstack-query-best-practices

Expert patterns for TanStack Query in modern React applications with Next.js App Router and Server Components.

This skill uses progressive disclosure to minimize context usage. Load references based on your scenario:

Scenario 1: Setting Up Query Client MANDATORY - READ ENTIRE FILE: Read query-client-setup.md (125 lines) and server-integration.md (151 lines) completely for server/client setup patterns.

يُستخدم عند تكوين QueryClient، أو تنفيذ التغييرات، أو تصحيح الأخطاء في الأداء، أو إضافة تحديثات متفائلة باستخدام @tanstack/react-query في Next.js App Router. يغطي أنماط المصنع، ومفاتيح الاستعلام، وإبطال ذاكرة التخزين المؤقت، وتصحيح أخطاء المراقب، وHydrationBoundary، والتخزين المؤقت متعدد الطبقات. الكلمات الرئيسية استعلام TanStack، useSuspenseQuery، useQuery، useMutation، validateQueries، staleTime، gcTime، refetch، hydration. المصدر: gohypergiant/agent-skills.