ReduxのBasic TutorialにTypeScriptで型を付けただけ
Redux 多分使わないけど理解のため写経。
答え合わせに他の方が似たようなことやってないかググったけれども プラスアルファ要素(Redux Toolkit を使う、feature folders 流派でフォルダ分け、etc)が付いてたりして 1 対 1 で突き合わせて確認できるものが見つからなかった。ので自分が書いたものをリンクしておく:
参考にしたのはBasic Tutorial章の各ページ(そしてそこからリンクされていたconnect())と Recipes 章の Usage With TypeScript。
写経しているときの所感としては:
- こっちにも書いたけどこの tutorial でやってる folders by type 流儀は近い将来書き直されるみたいなので、上記のコードも寿命は長くない。
DispatchとかDispatchPropとかたまたま見つけたけど本来はどうやってライブラリで定義している型を探し当てれば良いのかわからない。(未解決)- Basic Tutorial章、最後のページ “Example: Todo List” は実際のコードと同期が取れているようだがそれ以外のページはコードサンプルが最新化されていない。そのため順に読みながら理解したところを写経していく、というスタイルを取ると整合性が取れなくなる。