Manage React server state with TanStack Query v5 hooks and caching.
npx skills add https://github.com/fadilsflow/kreasi --skill tanstack-query-fadilsflow
Please help me install this Agent Skill. Skill: tanstack-query Source: https://github.com/fadilsflow/kreasi/tree/main/.agents/skills/tanstack-query Command: npx skills add https://github.com/fadilsflow/kreasi --skill tanstack-query-fadilsflow
This Skill helps developers efficiently manage server state in React applications, simplifying data fetching, caching, and synchronization, and resolving common migration issues from v4 to v5.
Use the tanstack-query skill to set up the QueryClientProvider with ReactQueryDevtools in your main application file.
High-intent search queries and answers about installing and using this skill.
To manage server state in React, you can use TanStack Query v5 to handle data fetching, caching, and synchronization automatically. This ensures your UI stays up-to-date efficiently without complex state logic.
To fix TanStack Query v4 to v5 migration errors, address deprecated options and syntax changes. This includes migrating to updated hooks like useMutationState and infiniteQueryOptions according to v5 best practices.
Implement optimistic updates and infinite queries in React using TanStack Query v5 advanced patterns. The framework provides specific options like infiniteQueryOptions to handle complex data fetching and error handling strategies.
SSR and hydration issues with streaming server components occur due to improper server state synchronization. Using TanStack Query v5 resolves these hydration mismatches by managing server state fetching correctly during streaming.
Yes, you can use TanStack Query in TypeScript applications to manage network modes and error handling. It provides specific options like throwOnError to integrate with error boundaries effectively.
Set up the QueryClientProvider and integrate ReactQueryDevtools in your main application file to initialize TanStack Query. This configuration establishes the core context required for managing server state across your React component tree.
WalshingtonManage server-state in React apps with TanStack Query v5 object-syntax hooks.
fcalellFetch and cache server data with useQuery and useMutation patterns.
quanngynxEnable selective hydration in React 18 apps with Suspense and streaming SSR.
DrLuggelsGuide React state management with Redux Toolkit, Zustand, Jotai, and React Query.
