前端框架学习react还是vue？

新手:前端框架学习react还是vue？

最近除了bootstrap，就属react和vue最为热门，这篇就主要拿这两个框架来做一下详细对比。

究竟如何正确使用？作为小白的我们从何学起比较好？带着一系列问题来看看吧。

这篇主要介绍：

1、从出身背景、优势、缺点、适合场景、开发模式、实践情况进行对比

2、相似之处

3、如何选择?

从出身背景、优势、缺点、适合场景、开发模式、实践情况进行对比

1、出身背景：

 react是facebook团队开发，2013.3月发布。目前版本15.5.4（初始版本是13开头），社区较成熟，拥有更大的生态圈

 vue是Evan You个人开发，2014年2月发布 vue2.0版本，生态圈较小

2、优势：

react官网推荐的三个特点如下：

状态机 —轻松创建交互界面

基于组件 —封装组件，管理状态

学习一次，到处使用 —跨平台

更大的规模、更多的使用者、更好的可测试性

Web和原生APP

能提供更多支持和工具的更大的生态系统

vue 官网推荐的三个特点

易用 —会html、css、js即刻开始使用

灵活 —渐进式技术栈

性能 —17kb (min+gzip)，渲染速度更快，体积更小

模板或渲染的灵活选项

语法以及项目设置的简单

3、缺点：

react：

需要转换开发模式（函数式编程）

学习新的概念和语法（jsx、es5/6等）

需要其他类库支持 (redux)

vue：

个人维护框架，风险可能会更大

社区不成熟，部分依赖开发人员更新

资源较少

4、适合场景

react：

大型复杂应用程序 

同时适用于web端和原生APP

周期长，不断迭代的需求

vue：

模板搭建开发模式

周期短、小型应用程序

5、开发模式

react：

函数式编程（JSX）

setState状态管理

vue：

模板式开发

属性对象

6、实践情况

react：

国外公司：Facebook、Netflix、Airbnb

国内公司：蚂蚁金服、阿里、口碑、美团、滴滴

vue：

主要是饿了么外卖

相似之处

React和Vue都是优秀的UI库，并且具有更多的相似之处。它们都有的优势是：

使用虚拟DOM快速渲染

轻量级

响应式组件

服务端渲染

轻松集成的的路由、捆绑和状态管理

强大的支持和社区

如何选择？

如果是以下需求选react

1、如果想组件式开发

2、如果想web和wap统一技术栈

3、如果想要代码更可维护和可测试性

4、如果你想要最大的生态系统，想利用丰富的组件库及第三方包

5、如果你想要构建大型应用程序

如果是以下需求选vue

1、如果你喜欢使用模板（ 或需要一些其中的选项）构建应用程序

2、如果是在现有代码基础上快速升级

3、如果你喜欢简单的能正常工作的，想更加灵活性

4、如果你希望你的程序更小更快，想要更快的渲染速度和体积

最后

作为刚入门的小白， 可以先学Vue，然后再在vue的基础上学习React。所以下次就说说Vue吧~