react-native:一场APP中的革命

前端之家收集整理的这篇文章主要介绍了react-native:一场APP中的革命前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

记得从2010年开始,前端就逐渐绽放光芒。

在那之前的我还是一个勤恳的后端工程师,每天的工作就是一边干着后端代码一边还要写一点table之类的前端代码。嗯,也算不上前端,仅仅是一个又一个表格的嵌套而已。那个时候的前端真的是个垃圾啊。

也就在那一年,我第一次转做开发web应用,依然记得跟我配合的是一个可爱的前端妹子。从前端妹子身上我学到了基础的前端开发方式,也就是在那一年我认识了锋利的jquery。那是怎样一种不同的语言啊,简单快速、上手就能使用、即时产生效果。一些好看的效果实现出来真的是又快速又简单。我回头看了看无趣的java代码.....嗯,小妹妹教教我好不好?

从此真可谓一发不可收拾啊。我从jquery入门的前端,又回头研究了原生的各种使用姿势。一座新世界的大门从此向我打开。我开始制作各种有意思的小组件。有改了好几个版本的无限循环的轮播图一个系列。电脑手机上自适应网页宽度的各种姿势。导航等菜单中使用到的下拉列表的各种特效。各种效果的网页加载使用的loading动画。一路走来我深深的喜欢上了这种写完就能看效果,而且效果还日常爆炸的技术。

当我以为这就是前端的全部的时候,我看到了模块化技术。原来我之前骑的是自行车,果然我还是太年轻了。模块解决了大型项目分工合作的问题,顺便让网页加载的更加流畅,一举多得莫不过如此把。

我以为模块化已经非常厉害了,但是牛人的世界我不懂。后面有陆续遇到了gulp、babel、webpack,一个更比一个厉害,它们的思想真正让我知道,世界还可以这样子。至于后来遇到的了SPA应用,嗯,这个spa有点爽。果然,在一个适当的机会,我当机立断转战vueJs。

在不知不觉中前端的触角已经蔓延到了整个世界。尤其是在我们有了nodejs之后。曾经的一个脚本语言,由于各路神仙的加入,再加上它天生的开源基因,一个广阔的世界已经在向各位前端开发者走来。还有什么是我们做不到的呢?

在之前一直想要做一个自己的APP。但是开发一个APP非常的麻烦,不仅仅是还需要学习安卓的开发语言和模式,同时要开发ios还需要再学习一套oc的东西,如果你还要兼容swift设置wp....我的天,想想就不开心一整天。

仔细想想我还能回忆曾经上手安卓代码的那段艰难岁月。下了一整天的SDK,后来才发现可以找国内的源。搞了一天的编辑器,最后还是屈服于Android studio,那个时候真的很少有好用的IDE。复杂的配置、艰难的界面布局、状况频出的开发过程。。。。。心酸啊。本来好好的学习心态也只剩下了无尽的挣扎。

我在想facebook的开发者们也肯定是这么想的,不然不会出现react-native。这真的是一个天才的想法,一下子解决了很多疑难杂症。虽然它目前还处在测试版本,这决定了它还有很多问题,开发的时候也许会遇到一些麻烦。但是核心的问题确实被真正的解决了,开发一个APP再也不是巨大的工作量了。

不需要一个陡峭的学习曲线,一个前端开发者就可以快速开发一个自己的APP。不在需要多个团队配合,一个团队搞定所有平台。顺便使用nodejs搭建一个后端接口,再配合MongoDB或者MysqL,完美!

当我使用几天的时间开发完一个完整的APP的时候,我最大的感受就是---爽。

真的不需要再费力发布APP客户端了。一次安装永久最新,只需要更新服务器的js版本就能做到让用户更新最新的UI界面。升级过程用户完全无感知。客户端版本升级?那是什么。

再也不需要做2套代码了。开发iOS和Android只需要一套前端代码。在强大的社区帮助下,RN几乎支持所有的原生功能。一个团队只需要配备一个懂原生的开发就能轻易添加各种自定义的原生支持,想要加速某些方面只需要随着自己的心意自定义就好了,RN提供了完整的自定义流程。还有什么不满足?

不需要做什么原生的开发,一个稍微复杂的APP就可以诞生出来。这得益于活跃的社区和热情的开源共享者。只需要npm和react-native短短一条命令,就跟安装web的第三方包一样简单。native就已经安装好了你需要的各种包,一切都是那么的简便。开发效率翻倍的提升。需要的开发人员翻倍的下降。

往常两个团队才能开发的项目,现在只需要一个团队。如果是简单项目甚至两三个人就搞定了。如果前端开发同学比较全面的话....仔细想想吧,一个前端搞APP,一个前端搞接口,一个前端搞DB。哇!前端搞定整个项目。

如果你真的想要学习一下这种高大上的技术,请在gitbook.cn上搜索react-native的实战达人课。一个真实的案例加一个资深的老师教你开发一个完整的电商APP。

前端才是真正的艺术,哈!

原文链接:https://www.f2er.com/react/301770.html

猜你在找的React相关文章