angular-best-practices-ngrx について
Angular 開発者向けの NgRx 状態管理スキルです。グローバル状態のルールとして、Reducer の純粋性、Effects での副作用処理、Feature Selector を扱い、angular-best-practices を補完します。
主な機能
- 01グローバル状態管理のルール
- 02Reducer の純粋性を維持
- 03副作用を Effects に移動
- 04Feature Selector の利用
- 05@ngrx/entity によるコレクション管理
活用シーン
- 01NgRx store の追加や変更
- 02Reducer と Effects の作成
- 03コンポーネント用の状態選択
- 04@ngrx/entity コレクションの管理
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/angular-best-practices-ngrxを入力して読み込まれたか確認します。
同梱ファイルAGENTS.md
詳細
Angular NgRx のベストプラクティス
アクション、リデューサー、エフェクト、セレクターを使用した、グローバル状態管理のための NgRx ルールです。Angular を包括的に扱うには、コアの angular-best-practices スキルと併用してください。
リンク
適用する場面
- NgRx ストア、リデューサー、エフェクトを追加または変更するとき
- コンポーネントで状態を選択するセレクターを記述するとき
@ngrx/entityを使用してコレクションを管理するとき
ルール
| ルール | 影響度 | 説明 |
|---|---|---|
| リデューサーを純粋に保つ | 高 | リデューサーで副作用を発生させないでください。HTTP 呼び出しはエフェクトに移します |
| フィーチャーセレクターを使用する | 中 | 入力が変更された場合にのみ再計算される、メモ化されたセレクター |
インストール
skills.sh/alfredoperez/angular-best-practices からインストールします。
- コアスキル：angular-best-practices
- このアドオン：angular-best-practices-ngrx
コメント
Markdown 対応