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.

Da utilizzare durante la configurazione di QueryClient, l'implementazione di mutazioni, il debug delle prestazioni o l'aggiunta di aggiornamenti ottimistici con @tanstack/react-query in Next.js App Router. Copre modelli di fabbrica, chiavi di query, invalidazione della cache, debug dell'osservatore, HydrationBoundary, memorizzazione nella cache multistrato. Parole chiave TanStack Query, useSuspenseQuery, useQuery, useMutation, invalidateQueries, staleTime, gcTime, refetch, hydration. Fonte: gohypergiant/agent-skills.