![やる夫で学ぶ React、Reduxだお。Redux-toolkitなしで消耗してんの?](https://booth.pximg.net/8cd3a001-5da2-4f6f-a47c-610218ab2168/i/3621069/32811162-b532-4091-9f96-9438315e4da6_base_resized.jpg)
やる夫がフロントエンドを学びます。まずは、Reactの開発環境の作成からReact、Reduxまで。
React開発環境をゼロから構築
Reactの開発環境をゼロから構築することで、分かりにくいwebpack、eslintなどの動きや設定ファイルの書き方が理解できます。
ReactアプリケーションをMUIを使い構築
最新版のMUIを使い、サンプルアプリケーションを作成します。
Reduxの導入
Reduxを導入することで、どの階層のコンポーネントからもデータを参照し変更することができます。
ReduxとRedux-toolkitの比較
Redux-toolkitを導入し、同じ機能がどれほど簡単に実装できるのかを比較します。
GitHubにステップ毎のコードがあります。
GitHubにブランチをステップ毎にわけてあります。どの段階でもサンプルコードを入手できます。