図解でわかる!Hooks時代のreact x redux x saga
令和2年10月に入社しました、i-Vinciの牛島と申します。
「巨人の肩」や "DRY -Don't Repeat Yourself-" といった言葉が好きですが、巨人の肩は登るまでが大変で、ともすれば干からびてしまって車輪を再開発したくなったりもします。
そんなとき、それでもやはりしがみつきたいので、必死の思いで図を書いて理解しようと努めてみて、少しわかった気がしました。
何とかと煙は高いところが好きだと申します。巨人の肩に、乗りたい。そしてDRYだから簡単に火がつきます。高く高く立ち上る煙が、いつか巨人よりも高くまで届くように。精進せねばと思う日々です。
react x redux x sagaを学ぶ方の学習資料や、既に習得した方のチートシートとしてお役立ていただければと思います。
使用されているライブラリ
- Redux
- Axios
- Reselect
- Immutable
- Recompose
- Redux-Saga
- React-Router
- React-Router-Redux
図解
所感
immutableJSやuseSelectorなど、「こんな楽なものがあったのか。。。」と感じ、資料は努めて新しいものを参照しようと決めました。
サンプルコード
こちらのサンプルコードを使用しました。
React-Redux-Saga-Advanced-Starter