Angular Best Practices Tanstack

If you're using TanStack Query's experimental Angular adapter, this skill keeps you on the right path with query key factories and cache invalidation patterns. It's focused on server state management, meaning it won't interfere if you're using NgRx Effects or RxJS for other parts of your app. The two rules here cover the core distinction between server and client state, plus how to structure query keys for hierarchical invalidation. This is an add-on to the main angular-best-practices skill from the same author, so you'll want both installed for complete coverage. The scope is narrow but hits the patterns that matter most when you're moving API calls to TanStack Query.

skills.sh installs: 230
GitHub stars: 36
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add alfredoperez/angular-best-practices --skill angular-best-practices-tanstack --agent claude-code

Installs into .claude/skills of the current project.

Files

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.

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