mcpField
A
angular-best-practices-tanstack

angular-best-practices-tanstack

github.com/alfredoperez開発36227 回インストール31 週間前に更新
リポジトリ

angular-best-practices-tanstack について

AngularプロジェクトでTanStack Queryを活用するための追加スキルです。サーバー状態の取得、ミューテーション、クエリキーの構成、キャッシュと無効化を扱います。

主な機能

  1. 01サーバー状態とクライアント状態の区別
  2. 02クエリキーファクトリーの利用
  3. 03injectQueryによるデータ取得
  4. 04ミューテーションとキャッシュ無効化

活用シーン

  1. 01AngularアプリでのAPIデータ取得
  2. 02機能間で一貫したクエリキーの維持
  3. 03ミューテーション後のキャッシュ更新

インストール

コマンドをコピーしてターミナルで実行します。

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

インストール後、Claude Code で/angular-best-practices-tanstackを入力して読み込まれたか確認します。

同梱ファイルAGENTS.md

詳細

Angular TanStack Query のベストプラクティス

自動キャッシュ、重複排除、バックグラウンドでの再取得を備えた、サーバー状態向けの TanStack Query のルールです。Angular を包括的にカバーするには、コアの angular-best-practices スキルと併用してください。

リンク

適用する場面

  • injectQuery で API からデータを取得するとき
  • キャッシュの無効化を伴うミューテーションを実行するとき
  • 階層的な無効化に対応するクエリキーを構成するとき

ルール

ルール影響度説明
TanStack Query を使う場面を把握するMEDIUMサーバー状態（API）とクライアント状態（シグナル）の使い分け
クエリキーファクトリーを使うMEDIUM階層的な無効化に対応する、一貫したキー構造

インストール

skills.sh/alfredoperez/angular-best-practices からインストールします。

コメント

Markdown 対応