「React + Redux入門 - ReactはできるけどReduxがわからない・やってみたい人のためのreact-redux入門」は

Reactは一通りわかるようになったけど、Reduxについては良くわからない・・始めてみたい！

という人向けのReact + Reduxのチュートリアルです。

具体的にはReduxとは何？Reactと何が違うの？という疑問に答えながら実際にReactとReduxを組み合わせて簡単なSPAのサンプルを作成することになります。

このチュートリアルの実行にはコマンドラインの操作が必要になり、MacOSまたはLinuxのデスクトップPCが必要です。

Windowsを利用している方はWindows Subsystem for Linuxを使用すると簡単にLinux環境を利用できます。

React + Redux入門 - ReactはできるけどReduxがわからない・やってみたい人のためのreact-redux入門

1. Reduxの基本情報

1.1. Reduxとは何か？
1.2 Reduxの仕組み
1.3 Reduxの三原則
1.4 なぜReactとReduxの相性が良いのか？

2. React + Redux開発の基礎

2.1 ビルドツールの必要性
2.2 create-react-app
2.3 プロジェクトにReduxを導入する

3. Reduxの導入

3.1 Reducersを宣言する
3.2 Actionsを宣言する
3.3 Storeを宣言する

4. ReactとReduxの融合 - react-redux

4.1 react-reduxとは？
4.2 ReactからReduxのStoreのデータにアクセスできるようにする
4.3 ReactからReduxのStoreに変化を加えられるようにする
4.4 コードの見通しを良くする
4.5 実際に動かしてみる

付録

A WebpackでReact + Reduxのプロジェクトを開始する
B. Node.jsとyarnの導入方法