NgRxについて語るスレ

NgRxについて語るスレッドです。ちょっとしたTipsや困りごと、バージョンアップの情報など情報交換しましょう!

公式ドキュメンテーション: https://ngrx.io/
GitHubリポジトリ: https://github.com/ngrx/platform

1 Like

actionの普通に引数設定するより何が有効なんですかね??

どういうことかわからなかったです。コード例とかありますか?

普通の引数

export const createSuccess = createAction(
  '[Todo API] Load All Success',
  (payload: { todos: Todo[] }) => ({ payload })
);

Props

export const loadAllSuccess = createAction(
  '[Todo API] Load All Success',
  props<{ todos: Todo[] }>()
);

です。

関数を渡す形式だと引数が自由に取れてしまうので、引数をobjectに制限できる propsのほうが考えることが減るかなと思ってます

1 Like

@ngrx/components のRFCの要約

  • Push Pipe: Async Pipeと似ているが、markForCheckではなくdetectChangesを使うのでzone-lessで動く

  • Let Structural Directive: `*ngIf="let foo$ | async as foo"のパターンを、ifなしで書ける。falsyでも変数化できる

  • Observable Life Cycle Hooks: ライフサイクルをObservable化できるデコレータ

  • Observable Input Bindings: InputをObservableで受け取れるデコレータ

  • Observable Output Bindings: ビューのイベントをObservableとして取り出すデコレータ

今日のng-sake #15で軽く解説します :slight_smile:

1 Like

ありがとうございます!