React、Vue、Angular 共分天下,2018头首将会是谁?

要论 2017 年最主流的三个 Web 前端结构,应莫过于 Angular、Vue 和 React 了。然而在实际运用中,这三个结构却不尽相同,对于规模不大的前端项目来说,Vue 因其极易上手会被列出首选之位,Angular 在快速开发大型 Web 项目上很受推崇,但仍存许多缺点,React 正为 JavaScript 运用开发者供给新的开发方式。因此,面对各有千秋的开发结构,作为一名开发者该怎么挑选?哪种结构更具有前景?

接下来,本文作者经过近来最新发布的 JavaScript 调查报告,深度分析前端结构的盛行趋势及未来发展,希望给许多前端开发者指明一些方向。

微信公众号

Stateofjs 2017 前端结构调查成果

与日常一样,运用 JavaScript 编程言语的核心区别是由前端结构引起的。从调查报告来看,比较 Angular 和 Vue, React 是 2017 年的主要 JavaScript 结构,尤其是 React Native 以史无前例的速度提高自己。同时由于 Angular 的盛行度下滑,Vue 也遭到越来越多的欢迎。

微信公众号

相较于 Stateofjs 发布的 2016 年前端结构调查成果:

微信公众号

基于以上,经过将 2017 与 2016 年的统计成果进行对比能够发现,在曩昔一年里 Vue.js 是大家最想学习的结构,因此我个人猜测下一年将是 Vue.js 成功的一年,当然 React 增长很安稳,而 Angular 将无法跟上这两个对手的脚步。2016 年时,Vue.js 被称为“另一个 JS 结构”,其时它是一匹十足的黑马,而 React 占有主导地位,Angular 则是开发者的第二挑选。

可是,Vue.js 只会在 Web 前端中占有主导地位,而不会控制一切的前端范畴。React 则能够在一切的前端范畴中盛行。这是为什么呢?下面,我们将揭开谜底。

React 控制前端范畴的要害因素

答案就在 Stateofjs.com 发布的 2017 年移动和桌面运用前端结构的调查成果之中:

微信公众号

Synergy 是 React 能够控制一切前端范畴的要害。

React Native

Vue.js 未能供给代替 React Native 的可行性方案(Weex 和 Quasar 太年轻,存在碎片化而且很软弱),伴随着 React Native 和 React.js 的爆发式增长,如果你掌握了 Web 前端的 React 和 Redux ,你将取得极大优势:只要你想,便可在几周内熟练地将 React Native 运用到移动端。在这一点上,React 充沛展现了它比较 Cordova 和其他 Hybrid 技能的优势。

现在最火热的前端需求在于移动端,而不再是 Web 。React Native 非常成功,同时它也会带动 React.js 的发展。

运用 Java 和 Swift / Objective C 别离开发不同渠道的 App 虽然没错,可是从商业的角度来看,它的代价是很高的,此外,与 React Native Codepush 比较,想要经过 App Store 的审核也不是那么容易的。

GraphQL

GraphQL 是 Facebook 的另一个重量级产品,它让 React 生态系统如虎添翼。

虽然它当前还不老练,比较复杂 而且有缺点,可是看起来 GraphQL 在未来将有很大可能代替 REST。

GraphQL 标志着前端范畴大多数的创新都发生在 React 圈,然后这些创新再在其他结构中被采用和改进。

Angular 的未来猜测

Stackoverflow 展现了一个有关前端开发人员问题的有趣图表:

微信公众号

Angular 在这张图中看起来很好,但我不并以为这预示着 Angular 作为一个结构能够取得长期成功。在我看来,对于那些保护传统的 Angular 1 代码的开发者来说,从 Angular 1 迁移到 Angular2 + 是一个正确的挑选,可是当他企图迁移而且看到 Angular 的新老版别之间的巨大区别时,这会产生挫败感,而且这个事实也解说了 Stackoverflow 上有大量问题的原因。

Vue.js 的缺点

Vue.js 现在即便还无法支持移动运用,但在 2017 年的其间一段时间,它经过取得开发者的支持而赢得了与 React 的竞争。

Wordpress 正在考虑用 React 来构建其前端布局,而且很可能将 Vue.js 参加 Wordpress 生态系统,就像 Laravel 一样。不过 Facebook 很快就调整了 React 许可证,并将这个想法扼杀了。

写在最终

经过三大结构的对比,我们更倾向于 React,在此也引荐其他的团队根据自身的情况挑选 Vue.js 或 React。基于此,开发者也在 Hacker News (https://news.ycombinator.com/item?id=15999688)上发表了自己的看法:

@antoriv:

在这次的调查报告中,我最感兴趣的是百分比,即(曾经运用过、将再次运用)/(曾经运用过、再次运用+之前运用过、不再运用)。

2016年:

React - 91%的满意度

Vue - 91%的满意度

Angular 2 - 65%的满意度

No framework - 65%的满意度

Ember - 50%的满意度

Angular - 40%的满意度

Backbone - 31%的满意度

2017年:

React - 93%的满意度

Vue - 91%的满意度

Angular 2 - 66%的满意度

No framework - 65%的满意度

Aurelia - 56% 的满意度

Polymer - 53% 的满意度

Ember - 41% 的满意度

Angular - 33% 的满意度

Backbone - 23% 的满意度

其间,特别有趣的是,许多结构的满意度比“没有结构”的高。当然这主要归因于许多没有运用结构的开发者。曾遇到过一些以为前端结构是无稽之谈的开发者(通常是后端开发人员),他们更喜欢只写一堆 jQuery。别的,如果您在 Wordpress 网站上工作,那么结构往往是没有必要的。

更多干货尽在:天码程序

本文来自企鹅号 - 天弘媒体

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏企鹅号快讯

web前端必会的六项技能,小白可以借鉴一下

web前端工程师是近几年才发展出来的新式作业,也是现在火爆且高薪的作业。 大需求的市场环境下,出现了越来越多的人群转行做web前端工程师,如规划师、后台程序员、...

1797
来自专栏BestSDK

工具那么多,哪个最适合画原型?

首先我们来看现在比较常见的几种画图工具: 1. PS 2. Sketch 3. Fireworks 4. OmniGraffle ? 每个工具的使用都有其对应的...

2114
来自专栏互联网杂技

[译] 根据 OS 设计你的应用

Android 和 iOS 是市场上的两个主流操作系统。多数公司都会要求开发者开发对应的移动端应用。对于这些需要在两个平台上同时设计的应用,其中一个挑战就是在品...

35611
来自专栏BestSDK

【作品赏析】简单、直观、明了,这就是最好的设计

用户界面设计对于一个电商网站的成功是至关重要的,相对而言,人们更愿意浏览简洁美观的网页,所以,好的界面设计能够为网站吸引更多用户人群。 这是一个以滑板为主的电商...

3267
来自专栏无原型不设计

为什么要用画图工具来画原型?

产品经理每天接触到的工具是在是太多了,平时要接触到的原型图也是各式各样的。不过熊先生最近发现很多同学在用画图工具来画原型,这样确实可以,但是,真的合适么? ...

3409
来自专栏BestSDK

教你做出一款清丽脱俗的Ui图标

视觉内容的重要性 随着移动互联网的高速发展,人们往往被各类各样的信息与数量庞大的内容所淹没。因此,人们的注意力也变得极难捕捉起来,但是可以确认的是,视觉内容广告...

3245
来自专栏happyJared

工程师文化:Chrome快捷键

  我工作时间不长,加上实习至今(2018.07)也就一年;我没进过大厂,也就意味着没有接受过正规的系统培训;这条路我走着普通的不能再平凡,没感受过优秀的工程师...

573
来自专栏Android机动车

福利来袭 海量编程资料等你拿

最最关键的是,全部免费,这些资源大多是自己购买或收藏大牛的分享,绝对值得收藏一波。有的资料,您可能现在还用不到,不过,谁能保证以后用不到呢?

852
来自专栏知晓程序

无广告弹窗,清爽看新闻,就用这款小程序 | 亲儿子 #4

随着微信团队的不断努力,小程序也变得日益完善。小程序以其方便的使用条件、更低的开发门槛吸引了很多人。

492
来自专栏草根博客站长有话说

Typecho 下谷歌 AdSense 文章内嵌广告体验

昨天明月将本博客“文章页脚广告位”的广告更换为了谷歌 AdSense “文章内嵌广告”,本来是想用“匹配内容”的,可惜iMydl.tech目前还没有达到“匹配内...

1344

扫码关注云+社区