プロジェクトの作成と立ち上げ
- 導入
- Reactについて
- Reactのプロジェクトの作成と立ち上げ
- 作成されたフォルダの説明
- index.jsの中身
- index.cssの中身
- App.jsの中身
- まとめ
コンポーネントの作成と props と state
- 導入
- コンポーネントの作成
- リストコンポーネントに値を渡す方法
- props と state
- Reactデバック用のChrome拡張
- デバッグツールの利用方法
- リストの表示方法
- まとめ
Class Components と Functional Components
- 導入
- ブランチの作成
- List.jsをクラスコンポーネントにする方法
- クラスコンポーネントにおけるstateの表現
- コードのおさらい
- Appコンポーネントをクラスコンポーネントに
- まとめ
条件分岐 (if) と繰り返し (loop)
- 導入
- 条件分岐(if)について
- 繰り返し(loop)について
- コード整理
- まとめ
- クラスコンポーネントへのブランチに適応
- まとめ2
フォームと親子間のデータのやり取り
- 導入
- フォーム
- 親子間でのデータのやりとり
- App.jsに言語データを移す
- 実際に追加してみる
- まとめ
- おまけ（class components)
- App.jsの修正
コンポーネントのライフサイクル
- はじめに
- コンポーネントのライフサイクル
- function components App.jsの初期化時にデータを取得
- function components List.jsでUnmountingのデモ
- class components App.jsの初期化時にデータを取得
- class components List.jsでUnmountingのデモ
- まとめ
