学习资料：
1、React 入门实例教程（基础）：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
- 结合antd UI框架来练手
- 基础知识通过《React 入门实例教程》学习
- 有问题可以在评论中留言
4、react相关学习资源地址：https://github.com/bertFu/learning-record/tree/master/ReactJs
5、主要学习内容：
- react
- readux
- antd框架
- webpack
前端设备初始安装：
1、node v6.2.2
2、npm 3.10.6
3、Atom
前端Demo：https://github.com/bertFu/react-redux-antd-demo
构建项目：npm run build-dev创建日志目录：mkdir logs启动项目：node server.js访问地址：127.0.0.1:4000
任务1：成功运行项目【一天】
1、侧栏菜单添加一个菜单项。
2、点击菜单可以显示一个页面。
3、页面中放置任意UI。
任务2：侧栏菜单改为顶部菜单【半天】
1、升级脚手架的Ant框架到最新版本
2、使用Ant提供的导航组件完成任务
Paste_Image.png
任务3：学习基本页面设计、接入第三方统计图组件【一天】
1、使用假数据，用时两天内。
2、图表使用：https://g2.alipay.com/
3、参考高保真：http://shikong.ag.listcloud.cn/charge
Paste_Image.png
任务4：总结对这门技术的理解【一天】
1、技术的背景（解决了什么问题，什么模式）
2、技术的体系（js,jsx,webpack,npm）
3、采用的开源框架（react + ant，整体架构是怎样的）
4、开发的框架（在开源框架基础上增加哪些部分？）
5、练习，遇到问题，解决问题
产出：分析报告
任务5：React开发的框架在开源框架基础上增加哪些部分？（从代码中深入分析）【一天】
产出：分析报告
任务6：PC脚手架，与新移动脚手架的区别【一天】
产出：分析报告
任务7：调研TDD前端测试驱动相关的信息【一天】
产出：分析报告
任务8：Mocha + Chai + Sinon 与 Jest + Enzyme 测试用例Demo，对比两者之间的差别【一周】
产出：
1、两个Demo
2、分析报告
参考：「React」为什么要写测试用例？(http://www.jianshu.com/p/1a438ff02484)
以评论的方式在文章下方提交作业。
网友评论