React 拾遺

React 拾遺：React 項目腳手架

• 如何安裝 React 項目啟動的前置依賴：Node.js 與 yarn
• React 項目腳手架的結構
• 三大主要文件的講解：package.json, webpack.config.js, .babelrc

React 拾遺：React.createElement 與 JSX

• document.createElement, React.createElement 與 JSX 三種方法創建 DOM 的比較
• JSX 的 div 標簽包裹并列元素的限制
• 突破 JSX 的 div 包裹限制的兩種方法

React 拾遺：有狀態組件與無狀態組件

• 區分有狀態組件（statefull component）與無狀態組件（stateless component）
• 合理的組件目錄結構

React 拾遺：類作為組件 (1)

• JavaScript 類與面向對象的參考資料
• React 類中的屬性與方法
• React 的狀態 state 讀取與修改

React 拾遺：類作為組件 (2)

• 配置 ES7 新增類功能
• ES7 新增功能 1：屬性可以定義在 constructor() 外面
• ES7 新增功能 2：箭頭函數的類方法自動綁定 this

React 拾遺：類作為組件 (3)

• setState() 的異步性
• setState 的回調函數
• setState 獲取之前的狀態