angular-best-practices-tanstack

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.

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "angular-best-practices-tanstack" with this command: npx skills add alfredoperez/angular-best-practices/alfredoperez-angular-best-practices-angular-best-practices-tanstack

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:

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Related Skills

Related by shared tags or category signals.

General

angular-best-practices

No summary provided by upstream source.

Repository SourceNeeds Review
General

angular-best-practices-primeng

No summary provided by upstream source.

Repository SourceNeeds Review
General

angular-best-practices-signalstore

No summary provided by upstream source.

Repository SourceNeeds Review