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.
How do I install this agent skill?
npx skills add https://github.com/alfredoperez/angular-best-practices --skill angular-best-practices-tanstackIs this agent skill safe to install?
- Gen Agent Trust Hubpass
This skill provides architectural guidance and best practices for integrating TanStack Query with Angular. It focuses on server state management, query key factories, and caching strategies. No malicious patterns or security risks were identified.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
- Runlayerpass
2 files scanned · No issues
- ZeroLeakspass
Score: 93/100 · 2 sections analyzed
What does this agent skill do?
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
| Rule | Impact | Description |
|---|---|---|
| Know When to Use TanStack Query | MEDIUM | Server state (APIs) vs client state (signals) |
| Use Query Key Factories | MEDIUM | Consistent key structure for hierarchical invalidation |
Install
Install from skills.sh/alfredoperez/angular-best-practices:
- Core skill: angular-best-practices
- This add-on: angular-best-practices-tanstack
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/alfredoperez/angular-best-practices/angular-best-practices-tanstack">View angular-best-practices-tanstack on skillZs</a>