| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
jopen
9年前发布

react写小项目后感

原文  http://blog.kazaff.me/2015/11/16/react写小项目后感/
 

用react差不多三个月了吧,断断续续的写了几个小项目,感觉美美哒。作为自我总结,也为其他新人指南,特此发一篇。

首先

你得搞清楚,你处在的时代。别给我说你没听过JS,也别说jQuery不熟,对了,还有ajax。这些已经算是这个时代前端开发人员的基本功了。

当然,仅仅会了这些,还差得远。各种css库,JS库和框架,ajax库,你多少也得略知一二吧,搞清楚什么叫浏览器兼容性,什么叫事件,什么是回调,还有响应布局啊乱七八糟的。

哎哟不错,掌握了这些小九九,你体内的查克拉就差不多了。接下来要面对的,就是前端工程化问题。说白点,就是你可能不光要能做出来,还得做的高效。

新概念

前端技术这些年真心不让人省心,几乎每时每刻都可能会发生点改变世界的事儿。你可以看一下github上的js项目,当然还有npm里。说到npm,自然又会扯出nodejs。唉,心塞啊。好像自己这几年积累的开发经验,都是围绕着js打转转。

那这些就是新概念么?其实也不算,css3,html5,es6,es7,这些概念有的已经快好几年了,至今仍未彻底落地。但身为前端,你却不能不去掌握它们,因为你会从中感受到优雅,感受到强大。

react

各大技术社区,充斥着react的身影,这也让非死book开源套件获得了越来越高的曝光率,react生态系统以迅雷不及掩耳盗铃之势,超越了神圣的angularJS,这让我这个老ng粉儿感叹世事无常啊。

不过react却真如它所说,确实以新的理念为开发者带来了大道至简的哲学。至少对我来讲,曾经头疼于如何给团队讲解ioc,讲指令,现在这些复杂概念不需要了(对于新手来讲)。开发人员只需要对组件,模块有些许的认知,就可以动手干了!

react组件的生命周期,是每一个使用者无论如何都一定要花时间提前掌握的,不然别说你懂react,最好都别说你听说过它!

工程化

前端工程化的概念,随着一大堆构建工具,也慢慢的被大家所认可,BAE的前端研发团队各自有响应的一套解决方案。当然,开源界在这一方面一点也不含糊,前端构建工具多的你都来不及用,可能它就已经消失了。

react的世界里,有webpack,有babel,这些林林总总的强大猛兽,让开发者战无不胜。你还在等什么?

移动

我并不会开发移动端app,这一点也已经给我带来了感受得到的机会流逝,但我骨子里却无法磨灭一个想法,我一直非常的看好web,十几年前,软件都是安装在pc上的,就好像今天安装在手机中的app一样。但,这不是常态,web才是互联网的常态,我相信不出几年,app的概念也会不见,web大统!

这也是像google这样的科技巨头一直在努力的方向。

落地

扯蛋时间结束了,说点干货。

react只是一个近乎完美的view,它自己也这么说。你肯定还需要点儿别的,我之前的文章也反复强调过这一点了。相信你很容易就能找到各种缺少的组件,当然你也可以尝试一下我找到的一个脚手架: react_scaffolding

它已经把react,react-router,redux,immutable,superagent等组装好了,开箱即用。当然,并不能说这就是最佳组合了,我相信还有更好的。

支持react的ui也越来越多,像之前推荐的妹子ui,还有阿里蚂蚁开发的ant,都非常优秀。但这里需要叮嘱的是,随着react0.14+的发布,独立了dom相关的操作,这让部分ui库不再可用,选择的时候一定要注意啊。

另外,es6的class语法,并不支持react曾经推从的mixins哲学,当然,你依然可以用es5的语法来使用mixins,这一点也不难。

组件之前的通信方式也有一大堆,但有时候你还是不得不跳出react,不过没关系,CustomEvent应该可以帮到你。

我还想说,一直都挺希望路由配置可以去中心化,这一点 react-router 也可以很好的帮你搞定。

其实,上面推荐的那个脚手架,在实际项目开发时,还是无法避免大量的样板代码,比方说你写reducer和api的地方,如果能利用代理或工厂模式动态创建相关逻辑,那也是极好的。

最后,思考了十分钟,确实想不到还要说点啥了,那就到此为止吧。

 本文由用户 jopen 自行上传分享,仅供网友学习交流。所有权归原作者,若您的权利被侵害,请联系管理员。
 转载本站原创文章,请注明出处,并保留原始链接、图片水印。
 本站是一个以用户分享为主的开源技术平台,欢迎各类分享!
 本文地址:https://www.open-open.com/lib/view/open1447656017322.html
移动Web开发框架 移动开发 React