Implement TanStack Query mutations in Svelte components with createMutation and callbacks.
npx skills add https://github.com/eserlan/Codex-Cryptica --skill svelte-eserlan
Please help me install this Agent Skill. Skill: svelte Source: https://github.com/eserlan/Codex-Cryptica/tree/main/.agent/skills/svelte Command: npx skills add https://github.com/eserlan/Codex-Cryptica --skill svelte-eserlan
This Skill streamlines implementing robust mutation handling in Svelte apps by providing proven patterns for TanStack Query mutations, state management, and clean component organization.
Create a Svelte component that uses createMutation to mutate a sample item and handles onSuccess and onError within the mutation options.
High-intent search queries and answers about installing and using this skill.
Implement Svelte mutations using createMutation in components with onSuccess and onError callbacks to manage UI state. Use .execute() in TypeScript utility files to handle mutations outside component scope.
The best way to structure Svelte components for mutation state is using self-contained component patterns. Encapsulate UI logic and mutation handlers within the component to ensure reusability and maintain consistent state management across your project.
Yes, TanStack Query works with shadcn-svelte by applying self-contained component patterns. You can encapsulate mutation logic and UI styling within shadcn-svelte components to maintain consistent design and state management across your application.
Use execute() in TypeScript files to trigger mutations outside of Svelte components. This pattern separates data mutation logic from UI components, allowing utility files to handle mutation execution while components manage presentation and local state callbacks.
Use createMutation instead of inline handlers to standardize mutation handling in Svelte apps. createMutation provides built-in onSuccess and onError callbacks for predictable state management, whereas inline handlers lack consistent patterns for error handling and UI state updates.
Consistent import patterns for Svelte mutation utilities require importing createMutation from TanStack Query in components. Maintain these clear import guidelines across your codebase to ensure mutation handling remains standardized and self-contained across all project files.
AbdullahMalik17Configure OAuth 2.1 and OIDC authentication with Better Auth and MCP.
EpicenterHQGuide Svelte component mutations with TanStack Query and shadcn-svelte patterns.
ali-masterIntegrate oRPC with TanStack Query for data fetching and mutations.
ali-masterIntegrate oRPC with TanStack Query for data fetching and state management.
