React基礎

レッスン

• Lesson 01: 環境構築
• Lesson 02: ES2015について
• Lesson 03: 関数型の書き方
• Lesson 04: 初めてのコンポーネント
• Lesson 05: 初めてのinline style
• Lesson 06: 初めてのprops
• Lesson 07: 配列からの展開
• Lesson 08: フォームの定義
• Lesson 09: フォームによるデータ追加
• Lesson 10: 総合課題「目的特化型電卓を作ってみよう」

おまけ

• Appendix 01: 様々なコンポーネントの書き方
• Appendix 02: コンポーネントのstate
• Appendix 03: コンポーネントのライフサイクルメソッド
• Appendix 04: JSX vs. createElement
• Appendix 05: PropTypes
• Appendix 06: presentational/container components
• Appendix 07: thisless JavaScript

メモ

• Reactとは
  • HTMLを直接は使わずJavaScriptで動的に生成する仕組み
  • JavaScriptのエコシステム(テストツールなど)が使える
  • コンポーネント指向で、独立した部品を組み合わせて作る
• Virtual DOMとは
  • Reactが内部で使っている仕組み
  • JavaScriptで生成したDOMを模倣したデータ構造で差分計算をして、実際のDOMに反映させるため、処理が高速になる