Redux メモ

Redux

• 今から始めるReact入門 〜 Redux 編: Redux アプリケーションを作成する - Qiita

ぼ、ボリューミィ……

• 【入門編】Reduxによる状態管理の仕組みを理解する

概要は Vuex を触ったこともあるの初見で大体把握。

なお、 Redux は re と付いていますが React と密結合というわけではなく、 React 用には react-redux を入れるとのことなので、実質 npm i redux react-redux で2つとも入れる必要あり。

• GitHub - jotaro-biz/todo-app-with-redux: Created with CodeSandbox

サンプルプログラムはこれの模様。

createStore は deprecated

これを参考に createStore を作成し……ようとしたら、 VSCode に取り消し線 (deprecated) を入れられてしまった。

• Weekly Frontend News 2022年4月4週目/React Redux v8,Redux v4.2,Nuxt v3 RCなど

代わりに @reduxjs/toolkit を使えと。

@reduxjs/toolkit

• React / Redux を実務で使うということは

それはまあ、はい……。

• React + Typescript プロジェクトに Redux Toolkit を導入したので使い方をざっくりとまとめてみる | DevelopersIO
• Reactのこともっとよく知ろう! ~ Redux基礎・イミュータブル編~
• Reduxを用いる時にオススメしたい3つのTips - aptpod Tech Blog
• Redux-Toolkit CRUD example with React Hooks - DEV Community

• ReduxとReduxToolkitを使用してReact内でデータを管理する - Qiita

特に後者を参考に。

redux-chunk

• ReactのRedux内でaxiosを使用した通信をする - Qiita

先の記事の続き。 @reduxjs/toolkit は非同期処理が苦手なのでミドルウェアに redux-chunk を噛ませる、と。

ということで、 @reduxjs/toolkit, react-redux, redux-chunk を入れることに。