TanStack Query best practices for Angular. Covers query/mutation patterns, cache invalidation, and query key factories for server state management. Activates when working with @tanstack/angular-query-
Imported from alfredoperez/angular-best-practices (skills/angular-best-practices-tanstack/SKILL.md). Install upstream with npx skills add alfredoperez/angular-best-practices --skill angular-best-practices-tanstack. Copyright stays with the author (MIT).
Angular TanStack Query Best Practices
TanStack Query rules for server state with automatic caching, deduplication, and background refetching. Use with the core
angular-best-practices
skill for comprehensive Angular coverage.
Copy one of these into your project. Installing also returns the manifest and these snippets.
yaml
targets:
- https://api.opensmartroute.ai/api/v1/registry/alfredoperez-angular-best-practices-angular-best-practic-81a25d/manifest # or paste the manifest below
Manifest
An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.
{
"ocm": "1",
"id": "alfredoperez-angular-best-practices-angular-best-practic-81a25d",
"kind": "skill",
"name": "angular-best-practices-tanstack",
"description": "TanStack Query best practices for Angular. Covers query/mutation patterns, cache invalidation, and query key factories for server state management. Activates when working with @tanstack/angular-query-experimental. Do not use for NgRx Effects, manual HTTP caching, or RxJS-based server state. Install alongside angular-best-practices for full coverage.",
"publisher": "alfredoperez",
"version": "1.0.0",
"capabilities": {
"domains": [
"data_analysis"
],
"tags": [
"skill-md",
"angular",
"tanstack-query",
"server-state",
"caching",
"skills-sh"
],
"languages": [
"en"
]
},
"quality_prior": 0.6,
"examples": [
"TanStack Query best practices for Angular. Covers query/mutation patterns, cache invalidation, and query key factories for server state management. Activates when working with @tanstack/angular-query-experimental. Do not use for NgRx Effects, manual HTTP caching, or RxJS-based server state. Install alongside angular-best-practices for full coverage."
],
"primary": false,
"metadata": {
"source": {
"provider": "skills.sh",
"repository": "https://github.com/alfredoperez/angular-best-practices",
"path": "skills/angular-best-practices-tanstack/SKILL.md",
"ref": "HEAD",
"url": "https://github.com/alfredoperez/angular-best-practices/blob/HEAD/skills/angular-best-practices-tanstack/SKILL.md",
"key": "alfredoperez/angular-best-practices/skills/angular-best-practices-tanstack/SKILL.md"
},
"license": "MIT"
},
"instructions": "# Angular TanStack Query Best Practices\n\nTanStack Query rules for server state with automatic caching, deduplication, and background refetching. Use with the core\n[angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices)\nskill for comprehensive Angular coverage.\n\n## Links\n\n- [Core Skill: angular-best-practices](https://skills.sh/alfredoperez/angular-best-practices/angular-best-practices)\n- [Browse All Skills](https://skills.sh/alfredoperez/angular-best-practices)\n- [GitHub Repository](https://github.com/alfredoperez/angular-best-practices)\n\n## When ",
"cost": {
"context_tokens": 350
}
}
Fetch it by URL: GET /api/v1/registry/alfredoperez-angular-best-practices-angular-best-practic-81a25d/manifest?version=1.0.0
Reviews
Star ratings from people who tried it. One review per account; edit yours any time.
No reviews yet. Install it, try it, and be the first to rate it.
