はじめに
  • プロモーショナルビデオ
  • 本コースの全ソースコードはこちら
開発環境構築編
  • レクチャーを始める前にお読みください
  • Node.jsのインストール
  • エディターの紹介
  • Yarnのインストール
  • GitHubのリポジトリ作成
  • create-react-appのインストール
  • 自分専用のboilerplateを作成しよう
Reactアプリケーション基礎編
  • Reactの概要について
  • JSX
  • もっとJSX
  • トランスパイラー
  • webpack
  • Component
  • props
  • prop-types
  • State
Reduxアプリケーション基礎編
  • Reduxイントロダクション
  • Action
  • Reducer
  • Store
  • connectでstateとactionsとの関連付けを行う
React・Reduxアプリケーション実践編
  • イントロダクション
  • 登場人物 (Client、Static File Server、API Server)の紹介
  • React CRUDアプリケーションの仕様
  • ReactアプリケーションとAPIサーバ間のネットワーク上のデータの流れ - 全データ取得時
  • ReactアプリケーションとAPIサーバ間のネットワーク上のデータの流れ - 特定のデータ取得時、データ更新時
  • ReactアプリケーションとAPIサーバ間のネットワーク上のデータの流れ - データ作成時、データ削除時
  • APIサーバの仕様をcurlで確認する
  • アクションでイベント一覧を取得する
  • イベント一覧を画面に表示する
  • イベント新規作成画面への画面遷移を実装する
  • イベント新規作成画面のコンポーネントをreduxFormでdecorateする
  • APIサーバにイベント新規作成要求を送信する
  • 送信ボタンのdisabled状態を調整する
  • Redux DevToolsを導入しデバッグし易い環境を整える
  • イベント更新画面用のコンポーネントを作成する
  • イベント削除機能を実装する
  • イベントの詳細情報を更新画面に表示する
  • イベント更新機能を実装する
  • Material-UI概説
  • 【注意喚起】material-uiのインストール時、動画内で使用しているバージョンと同じものを必ず指定してください
  • Material-UIの適用(一覧画面)
  • Material-UIの適用(新規作成画面、編集画面)
レシピ編
  • React v16.3 Context API
Q&A編
  • 質問 #5994878 - redux-formのenableReinitializeについて
おわりに
  • おわりのご挨拶