技术趋势:React vs Vue vs Angular

React、Vue 和 Angular 这两年发展状况如何?2019 年哪个技术最值得学习?
前几天 Medium 上有一位作者发表了一篇关于 React、Vue 和 Angular 技术趋势的文章(链接:http://t.cn/E4EM0QH)。作者根据近两年的数据,从岗位需求、开发者使用情况、开发者意愿三个方面进行了分析。本文对这些数据进行一个概要,然后说一下我自己的观点。
岗位需求
作者提供了 LinkedIn、Indeed 和 SimplyHired 等求职招聘网站的数据。下图是 React、Vue 和 Angular 在这些网站职位发布的情况。

具体数据为:

图中可以看出,Angular 和 React 差不多,比 Vue 高出很多,这有点让我感到意外。不过,从数据来源看,这个数据不能代表中国。我相信,在中国 Vue 职位数应该是比 Angular 多的。
开发者使用情况
下面是来自 NPM 的 React、Vue 和 Angular 的下载量对比:

下面是 GitHub 的统计数据:

Star 数占比:

Google 的关键字搜索情况:

以上结果显示,React 的使用量是最多的,Angular 排第二。同样,这些数据也不能代表中国,因为很多国内开发者都是使用 npm 镜像来下载包的。Vue 的 npm 下载量远不如 React,但在 GitHub 的 Star 数却超过了 React,这说明中国开发者使用 Vue 的很多,侧面反映了 Vue 在中国使用量比 React 多。
开发者意愿
下面是 React、Vue 和 Angular 的意愿喜好对比,数据来自 StackOverflow。
最想用的技术占比排行如下:

最害怕的技术占比如下:

最喜欢的技术占比如下:

来自 stateofjs 的调查:

http://t.cn/E4rZuxa
数据显示,喜欢、使用过、并打算继续使用 React 的开发者最多,然后依次是 Vue 和 Angular。三者当中,用过以后再也不想用的技术,占比最多的是 Angular。
我的观点
从以上数据来看,React 是 2019 年最值得学的前端技术。
记得 AngularJS 1 刚出来的时候,使用后我就有一种如获至宝的感觉,后来相继出现的 React 和 Vue 又替代了我心目中理想前端库/框架的位置。目前 React 和 Vue 我都在用,下面说一下我个人对这两个技术的看法。
虽然以上数据不能代表我们中国(国内 Vue 的使用量还可能比 React 多)的趋势,但如果从技术的学习上来说,我还是建议大家先学 React 或以 React 学习为主。若是工作需要或有时间再学一下 Vue。Vue 学习起来相对简单得多,如果基础好点,花一天看一遍官方文档就完全可以上手做项目。
根据我的判断,Vue 3.x 版本应该会加强对 TypeScript 友好支持,而且可能会向 React 靠近,Vue 的发展可能会走框架路线。
React 的函数式编程非常值得学习,而且前端的很多新技术,React 相对一直都是领先的。另外 React 对于 TypeScript 编程更友好。我预测 2019 年 TypeScript 也会越来越多的人使用。如果你是纯前端开发,我还建议你最好尽快掌握 TypeScript。
以上个人观点,仅供参考。
技术趋势:React vs Vue vs Angular的更多相关文章
- 前端三大主流框架的对比React、Vue、Angular
前端三大主流框架的对比React.Vue.Angular React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站, 并于 2013年 5 月开源.React 拥有较高的 ...
- react和vue,angular的比较
就这几天我所了解到react情况和大家探讨一下子react的知识: react由facebook团队维护的一套框架,已经应用在instagram网站上了,react以其独特的性能优化方案,正在被越来越 ...
- React、Vue、Angular对比 ---- 新建及打包
react:npm install -g create-react-appcreate-react-app react-projectnpm installnpm run start vue:npm ...
- React、Vue、Angular对比 ---- 介绍及优缺点
React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站, 并于 2013年 5 月开源.React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它.它 ...
- 三大前端框架(react、vue、angular2+)父子组件通信总结
公司业务需要,react.vue.angular都有接触[\无奈脸].虽然说可以拓展知识广度,但是在深度上很让人头疼.最近没事的时候回忆各框架父子组件通信,发现很模糊,于是乎稍微做了一下功课,记录于此 ...
- Angular React 和 Vue的比较
Angular(1&2),React,Vue对比 一 数据流 数据绑定 Angular 使用双向绑定即:界面的操作能实时反映到数据,数据的变更能实时展现到界面. 实现原理: $scope变量中 ...
- 【转】前端框架天下三分:Angular React 和 Vue的比较
前端框架天下三分:Angular React 和 Vue的比较 原文链接:http://blog.csdn.net/haoshidai/article/details/52346865 前端这几年的技 ...
- 【repost】前端学习总结(二十三)——前端框架天下三分:Angular React 和 Vue的比较
目录(?)[+] 前端这几年的技术发展很快,细分下来,主要可以分成四个方面: 1.开发语言技术,主要是ES6&7,coffeescript,typescript等: 2.开发框架,如Ang ...
- 2017 年比较 Angular、React、Vue 三剑客(转载)
为 web 应用选择 JavaScript 开发框架是一件很费脑筋的事.现如今 Angular 和 React 非常流行,并且最近出现的新贵 VueJS 同样博得了很多人的关注.更重要的是,这只是一些 ...
随机推荐
- 痞子衡嵌入式:ARM Cortex-M文件那些事(2)- 链接文件(.icf)
大家好,我是痞子衡,是正经搞技术的痞子.今天痞子衡给大家讲的是嵌入式开发里的linker文件. 在前一节课源文件(.c/.h/.s)里,痞子衡给大家系统地介绍了source文件,source文件是嵌入 ...
- MyBatis之分页插件(PageHelper)工作原理
数据分页功能是我们软件系统中必备的功能,在持久层使用mybatis的情况下,pageHelper来实现后台分页则是我们常用的一个选择,所以本文专门类介绍下. PageHelper原理 相关依赖 & ...
- 使用Advanced Installer制作IIS安装包(一:配置IIS和Web.config)
前言:大过年的,写篇文章不容易,还是给自己点个赞~~年前找了下.net安装包的制作方法,发现Visual Studio自带的制作工具使用起来非常麻烦,需要单独下载安装包,并且什么激活认证等等屁事相当麻 ...
- 第11章 使用OpenID Connect添加用户身份验证 - Identity Server 4 中文文档(v1.0.0)
在本快速入门中,我们希望通过OpenID Connect协议向我们的IdentityServer添加对交互式用户身份验证的支持. 一旦到位,我们将创建一个将使用IdentityServer进行身份验证 ...
- 在ASP.NET MVC 项目中 使用 echarts 画统计图
echarts 官方地址:http://echarts.baidu.com/ 一.根据图中的数据怎么从数据库中获取并组装成对应格式: 从数据库中获取对应数据,然后在项目中引用Newtonsoft.Js ...
- 学JAVA第八天,今天用循环做了个好玩的东西
今天用for循环做了个打印矩形的图案 代码如下: package nf;class Kest{ public static void main(String args[]){ int a=30; in ...
- 814-Binary Tree Pruning
Description: We are given the head node root of a binary tree, where additionally every node’s value ...
- 2018年终总结之AI领域开源框架汇总
2018年终总结之AI领域开源框架汇总 [稍显活跃的第一季度] 2018.3.04——OpenAI公布 “后见之明经验复现(Hindsight Experience Reply, HER)”的开源算法 ...
- word中字体大小(pt)和网页中css设置font-size时用的px大小对应关系
pt与px转换关系为 1px= 0.75pt. 所以word中五号字体(10.5pt)在网页中对应的大小为font-size:14px.(10.5 / 0.75 = 14) 初号44pt 小初36pt ...
- 防xss攻击
官方:https://jsxss.com/zh/index.html xss csrf https://www.cnblogs.com/443855539-wind/p/6055816.html 一. ...