angular-best-practices-signalstore について
Angular開発者向けに、シグナルベースのローカル状態や機能別状態を扱うNgRx SignalStoreの指針をまとめたスキルです。共有状態、RxJSの副作用、派生状態、エンティティコレクションを扱い、angular-best-practicesを補完します。
主な機能
- 01共有状態向けSignalStoreの指針
- 02rxMethodによるRxJS連携
- 03withComputedによる派生状態
- 04withEntitiesによるコレクション管理
活用シーン
- 01SignalStore状態の作成・変更
- 02ストアへのRxJS副作用の追加
- 03メモ化された状態の導出
- 04エンティティコレクションの管理
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/angular-best-practices-signalstoreを入力して読み込まれたか確認します。
同梱ファイルAGENTS.md
詳細
Angular SignalStore のベストプラクティス
シグナルベースのローカル状態およびフィーチャー状態を管理するための NgRx SignalStore のルールです。Angular を包括的にカバーするには、コアの angular-best-practices スキルと併用してください。
リンク
適用するタイミング
- SignalStore ベースの状態管理を作成または変更するとき
rxMethodを使って RxJS の副作用を統合するときwithEntitiesを使ってコレクションを管理するとき
ルール
| ルール | 影響度 | 説明 |
|---|---|---|
| RxJS の統合には rxMethod を使用する | 中 | ストア内で debounce、switchMap、その他の RxJS オペレーターを使用します |
| 共有状態には SignalStore を使用する | 高 | NgRx のオーバーヘッドを抑えたシグナルベースのリアクティビティを実現します |
| 派生状態には withComputed を使用する | 中 | メモ化された派生ロジックを一元化します |
| コレクションには withEntities を使用する | 中 | O(1) の検索と標準化された CRUD 操作を実現します |
インストール
skills.sh/alfredoperez/angular-best-practices からインストールします。
- コアスキル：angular-best-practices
- このアドオン：angular-best-practices-signalstore
コメント
Markdown 対応