モノトーンの伝説日記

Apex Legends, Splatoon, Programming, and so on...

<mini> React + Redux + Rx → Amazing! まとめ

 React + Redux + Rx → Amazing!

 この記事でイコールではなくて,「→」を使っているのは,化学変化のようにどちら方向に遷移するかを意識するためです。

Epic

 Action → Action

 select [C#]/map [JS, Scala] ですね。アクションを変換したり,フィルタリングしたり,っていう。流れ的に必ず Action が流れてくるわけじゃないので,

 Action → Option[Action]

って言った方がいいかも。厳密に言えばフローが途切れるので,消失を書きたいんだけど,いい書き方が思いつかなかった。

Reducer

 Action + State → State

 Action と State から State を作り出します。パススルーもおkです。

Middleware

 Epic と Reducer は redux-observable に変換する必要があるので,epic をまとめ rootEpic,reducer をまとめ rootReducer を作り,rootEpic を middleware に渡し,store (React の state) を作る。

まとめ

 覚書程度なのでこれぐらいで。この概念さえ頭に入ってれば見えてくる気がする。逆にこの定義をしっかり書いてないことが多くて,わかりづらい説明が多い。公式文章が Live Demo もついててかなりよいです。