angular-best-practices-tanstack

v2026.09.24

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.

GitHub
Install command
npx skhub add alfredoperez/angular-best-practices-tanstack
Markdown
SKILL.md

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.

Links

When to Apply

  • Fetching data from APIs with injectQuery
  • Performing mutations with cache invalidation
  • Structuring query keys for hierarchical invalidation

Rules

RuleImpactDescription
Know When to Use TanStack QueryMEDIUMServer state (APIs) vs client state (signals)
Use Query Key FactoriesMEDIUMConsistent key structure for hierarchical invalidation

Install

Install from skills.sh/alfredoperez/angular-best-practices:

Discovery
Tags

No tags published for this skill.

Version
Latest version metadata

Version

v2026.09.24

Published

Sep 24, 2026

Category

Uncategorized

License

Not specified

Source path

skills/angular-best-practices-tanstack

Default branch

main

Latest commit

a499a47

Tree SHA

4676aaf