ngrx

NgRx

Angular アプリケーションでの NgRx 状態管理に使用するスキルです。

全般

• 不変な更新：状態は常に不変のまま更新してください。オブジェクトや配列に変更がある場合は再作成し、どの階層でも決して変更しないでください。JavaScript の ... スプレッド演算子や、map()、filter()、reduce() などの不変配列メソッドを優先してください。

参考資料

• 状態管理のアーキテクチャと読み取り／書き込みの境界については、architecture.md をお読みください。
• 状態のシリアライズ可能性、永続状態、クライアント状態、一時状態、ローカル UI 状態、エラーのモデリングについては、state-modeling.md をお読みください。
• グローバルストアのランタイムチェックの登録と設定については、store.md をお読みください。
• 状態スライスの作成、既存の状態スライスを core に切り出して分離された遅延読み込み機能間で共有する方法、状態スライスの分割については、state-slice.md をお読みください。
• セレクターの作成や変更、コンテナコンポーネントでの状態の利用、セレクターのテストについては、selectors.md をお読みください。
• リデューサーの実装、分離されたハンドラーと単一のハンドラーでのイベント処理、リデューサーのテストについては、reducers.md をお読みください。
• バックエンドへのリクエスト、ナビゲーション、ディープリンク、URL への状態の反映と URL からの状態の利用、スクロール、URL パスパラメーターに基づくデータの読み込みなどの副作用や、エフェクトのテストについては、effects.md をお読みください。
• NgRx router-store を使ったルーター状態の読み取り、router-store の登録、ルーターセレクターファクトリーの作成については、router-store.md をお読みください。
• たとえば制御できないサービスなどのオブザーバブルデータソースの利用や、アプリケーションの他の状態と組み合わせられるようセレクターを通じてデータを公開する方法については、consuming-observable-data-sources.md をお読みください。