update.今回選んだライブラリは、それぞれのアプローチで問題を解決しているので、面白いと思い選びました。タイトルでいろいろとは言ってるものの、使ってみたのは以下になります。redux-thunkredux-sagaredux-observableトレンドまだまだまだthunkが人気です。sagaは半年で2倍くらいに成長しています。今回作ったもの今回は、クリックすると「PING」に変わり、2秒後に「PONG」に戻るものを作りました。これ自体は、redux-observableのチュートリアルに載っているものをredux-thunkとredux-sagaに展開しました。reduxは単体でも使えますが、今回はReactと組み合わせています。実装ベースベースとなるコードにには、非同期処理を書いていません。クリックすると「PING」となるだけで止まってしまいます。手前味噌ですが、よくわからない人は以前書いた記事を参考にして下さい。document.getElementById('content'))redux-thunkreduxの非同期周りでもっとも使用されているライブラリ。F8のアプリなどにも使用されている。reduxと作者がいっしょらしいので、準公式middleware。actionに非同期処理を押し込んで、それをdispatchする感じで呼んでいる。store}感想actionが肥大化するので、あまり好みではないが手軽。作りがシンプルで学習コストは低く感じる。redux-sagagenerator関数を用いて、非同期処理を同期的に書ける。非同期処理を別スレッドに切り出すイメージ。普段全く使っていないジェネレータ関数を触るきっかけになった。(ジェネレータ関数使って見たかった)redux-thunkのAction汚染から解放。チーム開発に導入するとなると全体的に学習コストは高めだと思うけど、ジェネレータ関数も標準機能だからいずれはみんな通る道なのかも。参考りだっくすさが(redux-saga)に入門するredux-observable最近流行りのRx〇〇。middlewareでActionを受け取って、Actionを返す処理をEpicと呼ぶ。rxjsなどを使用したことがある人だとオススメ。処理のフローが個人的に1番見やすい。小さいプロダクトにrxjsを入れるのは何となく気が引けるが、それを犠牲にしたくなるほどの可読性。まとめまだ使いこなすというところまではいってませんが、どれもアプローチの仕方が面白かったです。同じ内容でLTさせてもらった時は、sagaが個人的に好みという話で締めてしまったが、少し触っているうちにobservableがしっくりくるようになってきました。upLoginユーザーは見つかりませんでした。