《React:引領未來的使用者介面開發架構》— —自編教程源碼

來源:互聯網
上載者:User
二、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

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.