Flow で Flux データフロー実装に対し最小の型アノテーションで 100% の Type Coverage を得る方法 - Qiita

背景 Flux アーキテクチャは概念で、Redux はそれを薄く実装したライブラリだ。 実装を見るとコード量が少ないことに気が付く。 だからこそ Redux を使ったコードにはプログラマの癖が強く現れるし、コミュニティ上でプラクティスに関する議論が盛り上がるし、ドキュメントが長くもなる。 とはいえ、2019 年現在にもなれば、もうプラクティスは出尽くした感がある1。 であれば、これをより堅牢に運用できるよう、うまく型をつける方法についても整理してみようと思う。 なお、非同期 Action の実装には redux-thunk も redux-promise も redux-saga も使わず、Vanilla な async/await を使う。こうしたほうが、Flux アーキテクチャの原型がつかみやすく、型が付けるのが楽で、またこの記事にとって本質ではない Middleware の説明も端折