初识React：React --- A JavaScript Library for building User Interfaces
了解react是几个月之前的事了，出于好奇心和求知欲，找了本完整的介绍React的电子书，从头到尾的看完，就被它吸引。作为一个前端开发工程师，要想不落伍，不被淘汰，总是要不断吸取新的知识来给自己充电。
React是由Facebook推出的一个用来构建用户界面的JavaScript库：
1）一个JavaScript库；
2）用于创建可组成的UI；
3）使用jsx（JavaScript Syntax Extension）
优点：
1）渲染简单；
2）面向组件开发；
3）虚拟DOM
学以致用：实践出真知
任何知识习得之后如果不应用，都是会被遗忘的。
双十一临近，作为一个电商公司，总会有很多的营销页面需要做，Boss给我安排了一个营销活动的项目（摇钱树），刚好也是一个独立的项目，我就决定用新学的React来做，也是对自己的考验。其实这真的是一个考验，虽说只是一个双11的营销页面，但时间很短、工作量很大。
项目是一个摇钱树游戏，微信用户进入页面，种树、浇水，长金币，分享到朋友圈，召集朋友浇水长金币，排行榜，兑换金币。两周时间，6个页面，新的知识，其实大家都挺忙，特别是双11临近，最后，美工给的psd，自己还得切图。
在连续加班两个星期之后，最终还是完成了任务。当项目上线之后，其实内心是很满足的，最后呈现出来的也许只是几个页面，但是背后的过程还是很值得回味。这也是自己独立完成的一个比较大的营销活动，学到的知识也很多，不仅巩固了React（虽然相对来说没有用到很复杂的东西，但至少是学以致用），也学会了切图。这就好比打怪兽，经验值又上升了。
H5效果图：
活动上线8天，已有参与种树用户4w，浇水总数53w，平均每天访问人数14w。总的来说，还是满成功的。
总结：
1）所有元素响应式布局（rem）；
2）进度条和dialog组件化；
3）React生命周期
4）ES6语法、webpack打包；
这只是一个开始，一入前端深似海。仅以此记录我的第一个React项目。
如有对React感兴趣的朋友，推荐一本书给大家 Pro React，一本非常好的学习React的教材。
网友评论