二、JSX
《第二章源碼》 demo1 - 7
React使用原生Javascript版本 React使用JSX語句 React自動識別{},當javascript處理 React子節點this.props.children JSX中嵌入javascript;如:條件判斷、使用變數、使用函數、使用邏輯與(&&)、使用邏輯或(||) React非DOM屬性(key、ref、dangerouslySetInnerHTML)和事件 React注釋、特殊屬性(className、htmlFor)、樣式 三、組件的生命週期
《第三章源碼》 demo1
React組件生命週期 四、資料流
《第四章源碼》 demo1 - 4
把props設定為一個對象 props用來添加事件處理器 propTypes和getDefaultProps state狀態 六、組件的複合
《第六章源碼》 demo1
組件的複合— —radio & radiogroup 七、mixin
《第七章源碼》 demo1
mixin 九、表單
《第九章源碼》 demo1 - 7
無約束組件和約束組件 表單的label文字框和select選項框 無約束和約束的複選框 表單元素的name屬性 多個表單元素與change處理器(1、通過.bind傳遞其他參數;2、使用DOMNode的name屬性來判斷需要更新哪個組件的狀態) 使用React的addons的LinkedStateMixin 自訂表格單組件(“Uncaught TypeError: this.transferPropsTo is not a function”,不知道是不是react庫升級後該方法被刪了的原因。。) 十、動畫
《第十章源碼》 demo1 - 3
React的css3 React的js動畫 React的requestAnimationFrame動畫 十四、構建工具
《第十四章源碼》 1、gulp+Browserify構建React應用 2、webpack構建React應用 十六、構建工具
《第十六章源碼》 1、react-router路由 2、flux架構
有誤地方望指正,有協助記得start哦