Skip to main content

Effective Angularの第8章のまとめ

Effective Angular

Effective Angularの第7章のまとめ
の続編

8章:Handling Application State with Grace
を読んだので調べたことをつらつらと書く


・subject
private expense: Subject = new Subject();
$expense = this.expense.asObservable();

・facade
cmponents

facade

state A

http service

・signal
BehaviorSubjectではなくWritableSignalで代替できる

・npm save
package.json の dependencies に登録してくれる
https://qiita.com/takahiro_hata/items/056d2aeb636f343dadaf

・ngrx
・reducer
reducerでは変えたい場所だけ変えるっぽい

on(ExpenseActions.fetchExpenses, (state) => ({
...state,
isLoading: true,
}))

・effectが動かない

    provideStore(),
    provideEffects([ExpensesEffects]),
    provideState({ name: expensesFeatureKey, reducer: expensesReducer }),

・signalで監視する
変更管理がtoSignalだと参照が変わった時しか動かない
対策は以下

  expenses = this.store.selectSignal(ExpenseSelectors.selectExpenses);

Effective Angular

関連記事:

Pocket