學習資料：
1、React 入門實例教程（基礎(chǔ)）：http://www.ruanyifeng.com/blog/2015/03/react.html
2、antd UI框架：https://ant.design/
3、react腳手架：https://github.com/bertFu/react-redux-antd-demo
- 結(jié)合antd UI框架來練手
- 基礎(chǔ)知識通過《React 入門實例教程》學習
- 有問題可以在評論中留言
4、react相關(guān)學習資源地址：https://github.com/bertFu/learning-record/tree/master/ReactJs
5、主要學習內(nèi)容：
- react
- readux
- antd框架
- webpack
前端設(shè)備初始安裝：
1、node v6.2.2
2、npm 3.10.6
3、Atom
前端Demo：https://github.com/bertFu/react-redux-antd-demo
構(gòu)建項目：npm run build-dev創(chuàng)建日志目錄：mkdir logs啟動項目：node server.js訪問地址：127.0.0.1:4000
任務(wù)1：成功運行項目【一天】
1、側(cè)欄菜單添加一個菜單項。
2、點擊菜單可以顯示一個頁面。
3、頁面中放置任意UI。
任務(wù)2：側(cè)欄菜單改為頂部菜單【半天】
1、升級腳手架的Ant框架到最新版本
2、使用Ant提供的導航組件完成任務(wù)
任務(wù)3：學習基本頁面設(shè)計、接入第三方統(tǒng)計圖組件【一天】
1、使用假數(shù)據(jù)，用時兩天內(nèi)。
2、圖表使用：https://g2.alipay.com/
3、參考高保真：http://shikong.ag.listcloud.cn/charge
任務(wù)4：總結(jié)對這門技術(shù)的理解【一天】
1、技術(shù)的背景（解決了什么問題，什么模式）
2、技術(shù)的體系（js,jsx,webpack,npm）
3、采用的開源框架（react + ant，整體架構(gòu)是怎樣的）
4、開發(fā)的框架（在開源框架基礎(chǔ)上增加哪些部分？）
5、練習，遇到問題，解決問題
產(chǎn)出：分析報告
任務(wù)5：React開發(fā)的框架在開源框架基礎(chǔ)上增加哪些部分？（從代碼中深入分析）【一天】
產(chǎn)出：分析報告
任務(wù)6：PC腳手架，與新移動腳手架的區(qū)別【一天】
產(chǎn)出：分析報告
任務(wù)7：調(diào)研TDD前端測試驅(qū)動相關(guān)的信息【一天】
產(chǎn)出：分析報告
任務(wù)8：Mocha + Chai + Sinon 與 Jest + Enzyme 測試用例Demo，對比兩者之間的差別【一周】
產(chǎn)出：
1、兩個Demo
2、分析報告
參考：「React」為什么要寫測試用例？(http://www.itdecent.cn/p/1a438ff02484)
以評論的方式在文章下方提交作業(yè)。
