Generate TanStack Query hooks that call backend actions directly.
npx skills add https://github.com/techdiary-dev/techdiary.dev --skill new-query
Please help me install this Agent Skill. Skill: new-query Source: https://github.com/techdiary-dev/techdiary.dev/tree/main/.claude/skills/new-query Command: npx skills add https://github.com/techdiary-dev/techdiary.dev --skill new-query
Reduces boilerplate by scaffolding TanStack Query hooks that call backend actions directly, avoiding the need for extra API routes and repetitive setup.
Create a feature hook by importing the backend action and wiring it into useQuery or useMutation using the provided templates.
High-intent search queries and answers about installing and using this skill.
To call server actions directly, you can generate TanStack Query hooks that import actions from your backend domain files, avoiding extra API routes by wiring them straight into useQuery or useMutation templates.
The best way to structure TanStack Query keys is using a standardized array format like ["<resource>", param1, param2], ensuring consistent cache invalidation when you trigger useQueryClient updates on mutation success.
You handle optimistic updates and error handling by applying specific useMutation templates that support enabled flags and proper error handling, automatically rolling back changes if the server action fails.
Yes, TanStack Query works seamlessly with React server actions by importing them directly into useQuery and useMutation hooks, enabling both data fetching and write operations with toast notifications on success.
You invalidate related TanStack Query caches by using useQueryClient on mutation success, triggering a refresh of dependent useQuery hooks by targeting their standardized query key arrays.
Yes, you can conditionally disable a TanStack Query hook by utilizing supported enabled flags within the useQuery template, preventing automatic data fetching until your specified conditions are met.
gileckStandardize React Query and Zustand hook organization in Next.js projects.
xyqyearIntegrate sonner toast notifications with shadcn/ui components in React.
gil00pitaManage server state and data fetching in React applications with TanStack Query.
HaywardMoriharaView, create, update, and manage Jira issues and sprints via CLI and MCP backends.
