【2020年版】React × Redux 初心者入門

この記事は約2分で読めます。

React × Redux の初心者向け連載記事です。

ネットで調べると古いバージョンの記事が溢れているので、できるだけ最新環境(2020年6月現在)でReact Reduxを習得するための記事を書いていきたいと思います。

React × Reduxをこれから勉強したい人や、今勉強中の人の少しでも参考になれば嬉しいです。

スポンサーリンク

1日目 webpackで環境構築編

【React-Redux】webpackで環境構築編 [初心者入門1日目]
React×Reduxの連載記事を投稿していこうと思います。第一回目はサラのMacに環境構築を行っていきます。webpack4.42を使用してreact-reduxのsampleが動くところまでやってみたいと思います。...

2日目 ReduxToolkitでDucksパターン構築編

【React-Redux】ReduxToolkitでDucksパターン構築編 [初心者入門2日目]
React×Reduxの連載記事の2回目です。今回は前回の環境構築編で作成したreact-reduxのsampleカウンターアプリを、Redux Toolkitを使ってducksパターンに変更していきたいと思います。環境周...

3日目 ESLintでAirbnbのJavaScriptスタイルガイド導入編

【React-Redux】ESLintでAirbnbのJavaScriptスタイルガイド導入編 [初心者入門3日目]
React×Reduxの連載記事の3回目です。今回はESLintのJavascriptコードスタイルを設定していきたいと思います。ESLintを使用してJavascriptのコードスタイルガイドを導入している人は多いと思い...

4日目 Material-UI実装編

【React-Redux】Material-UI実装編 [初心者入門4日目]
React×Reduxの連載記事の4回目です。前回までで簡単なカウンターアプリがReact Reduxで出来上がっている状態なので、次はデザイン周りの実装をしていきたいと思います。今回はMaterial-UIを追加実装して...

5日目 webpackでCSSを読み込んで反映編

【React-Redux】webpackでCSSを読み込んで反映編 [初心者入門5日目]
React×Reduxの連載記事の5回目です。前回はMaterial-uiの実装を行い、デザインの変更を行いました。今回もデザイン関連の設定になりますが、cssファイルを作成して、webpackで読み込んで反映させる方法を...

6日目 React Routerでルーティングを実装編

【React-Redux】react-routerでルーティングを実装編 [初心者入門6日目]
React×Reduxの連載記事の6回目です。今回はページングの処理を実装していきたいと思います。前回の状態からサンプルページをいくつか追加し、routerによるページングができるところまでが今回のゴールです。Re...

7日目 react-hot-loaderでHMR実装編

【React-Redux】react-hot-loaderでHMR実装編 [初心者入門7日目]
React×Reduxの連載記事の7回目です。今回は開発の効率をよくするためにHotReload(通称HMR)の実装とソースマップの出力設定を行いたいと思います。HotReloadができるようになると、Devサーバーで実行...

8日目 axiosでREST API通信実装編

【React-Redux】axiosでREST API通信実装編 [初心者入門8日目]
React×Reduxの連載記事の8回目です。今回はいよいよAPIとのREST通信を実装していきたいと思います。Javascript用のHTTP通信を行うライブラリはいろいろありますが、今回はaxiosを使って実装していき...

勉強するならプログラミングスクールがベスト

今からプログラミングを勉強してプロのエンジニアを目指すなら、プログラミングスクールで勉強するのがベストです!

未経験からプロのエンジニアを育てるオンラインブートキャンプ

最短4週間で未経験からプロを育てるオンラインスクールなので、自宅からプログラミングやアプリ開発を学ぶことができます。

タイトルとURLをコピーしました