前端框架学习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吧~
以上是 前端框架学习react还是vue? 的全部内容, 来源链接: utcz.com/z/382698.html
