Redux Toolkit + TypeScriptのボイラープレートを一瞬で作る


Redux Toolkit + TypeScriptの環境をパッと用意したい。

Redux Toolkitを導入する記事はすでに結構あるが、大体が

npm install @reduxjs/toolkit

でRedux Toolkitのインストールをしている。

インストールするだけではなくて、Redux Toolkitを用いた典型的なテンプレコードも込みで用意してくれるようなやつが欲しかった。かつ、tsも初めから使えるようなやつ。

探したら公式が用意してた。

npx create-react-app my-app --template redux-typescript

これで、Redux Toolkit + TypeScript + Thunkの環境で、ボイラープレートのコードもちょっとありの環境ができる。
生成されるコードはRe-ducksパターンを意識した感じになっており、機能ごとにフォルダが分けられている。


(機能ごとと言っても、カウンター機能のみではあるが)

Redux Toolkit公式のQuickStartに、tsありでの導入方法も記載すればいいのにと思った。