mcpField
A
angular-best-practices-tanstack

angular-best-practices-tanstack

github.com/alfredoperezDevelopment36227 installsUpdated 31w ago
Repository

About angular-best-practices-tanstack

An add-on skill for applying TanStack Query practices in Angular projects. It focuses on server-state fetching, mutations, query-key structure, caching, and invalidation.

Key features

  1. 01Distinguish server state from client state
  2. 02Use query-key factories
  3. 03Fetch data with injectQuery
  4. 04Handle mutations and cache invalidation

Use cases

  1. 01Fetch API data in an Angular app
  2. 02Keep query keys consistent across features
  3. 03Refresh cached data after mutations

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/alfredoperez/angular-best-practices --skill angular-best-practices-tanstack

After installing, type/angular-best-practices-tanstackin Claude Code to confirm it loaded.

Bundled filesAGENTS.md

Details

From the project README

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:

Comments

Markdown supported