人文艺术 > 你为什么选择React而不选择Vue?

你为什么选择React而不选择Vue?

2020-08-19 21:11阅读(63)

你为什么选择React而不选择Vue?:其实个人认为Vue无论从易用性,上手难度还是开发效率方面都是优于React的,但Vue的硬伤在于社区和大厂程序员界的认可:-vue,rea

1

其实个人认为Vue无论从易用性,上手难度还是开发效率方面都是优于React的,但Vue的硬伤在于社区和大厂程序员界的认可程度,比如在面试中一般而言精通React要比精通Vue更加受到青睐,让面试官觉得你更加资深更加厉害!(个人是很不认同这一点的,但没办法很现实[泪奔])

react、vue和angular的区别和选择谁的问题可以看我的这篇视频详细了解

https://m.toutiaoimg.cn/group/6844141953764819469/?app=news_article&timestamp=1594534996&group_id=6844141953764819469&use_new_style=1

2

前端领域,选择框架是根据使用场景、业务需求、技术实现等综合因素考虑的,选择最适合的才能发挥最大效果。

目前前端三大主流框架有:React、Vue、Angular,他们在各自特定的场景下使用都非常出色。其中,Vue是不错的渐进式JavaScript库,更易于样式开发构建UI。而我更倾向于选择React,因为React具有独特优势:

  • React函数式编程理念使代码更优雅和合理
  • 严谨的单向数据流设计,方便构建大型复杂稳定的单页面应用
  • 丰富的技术生态圈,拥有世界范围内各大技术社区支持
  • 方便配合ReactNative开发跨终端应用


React的函数式编程理念使代码更优雅和合理

函数式编程设计思想。函数式编程是用函数的组合来进行编程。先声明函数,然后调用函数,每一步都有返回值,通过抽出每一步逻辑运算抽象,封装在函数中。再将函数组合来编写程序。例如:计算平均值百分比,我们可以拆分为三个函数,一个是计算平均值,一个是计算百分比,一个是综合调用的函数,通过函数嵌套函数的方式,使得代码更优雅,更有利于复用。


React使用函数式编程思想使代码更优雅和合理,更有利于组件化、模块化开发React的每个组件就是函数生成,页面的渲染过程本质就是函数的嵌套调用过程。React的这种设计对于使用来说非常方便,例如以下子组件嵌套子组件再嵌套子组件示例:子组件中嵌套子组件调用模式始终都是相同的。父组件调用子组件都只需要考虑传递的参数props,而子组件只需要考虑传入的参数。



严谨的单向数据流设计,方便构建大型复杂稳定的单页面应用

React的数据流始终是单向设计的,严格遵照数据驱动DOM。这样的好处是,降低了组件互相通信的代码耦合度,数据流更清晰,调试更方便。大型复杂单页面应用一直是企业的难题,传统方式开发都不能够很好的维护。而使用React为基础的技术栈,能够方便地拆分模块、组件,再配合Redux数据流管理,能够高效构建应用。事实证明,这种React、Redux的大型复杂单页面项目构建方案,已经在各大互联网公司得到应用和发展。



丰富的技术生态圈,拥有世界范围内各大技术社区支持

React是由Facebook公司开发的高品质现代化前端框架,具有很高的权威性和专业性,在世界范围内得到各大技术社区支持,包括国内的技术社区比如,npm官网、淘宝cnpm社区等都有很丰富的生态。众多的开发者共同添砖加瓦,开源共享,丰富了技术生态圈,让我们方便学习和使用基于React的组件、插件,减少开发成本,提高开发效率。在国内,由阿里巴巴公司开发的基于React基础开发的Antd组件库深受各大互联网企业好评,开箱即用,为加速国内中小企业的中台化、信息化推进起到了重要作用。



方便配合ReactNative开发跨终端应用

当前互联网公司的一个重要难题问题是:如何减少成本、高效的进行跨终端应用开发。也就是说,互联网公司都希望能够开发iOS、Android、H5应用。React配合ReactNative库能够方便地开发跨终端应用。ReactNative设计原理上和React一致,使用了React技术栈,就已经有了基础,再配合ReactNative就能一套代码,编译生成多端应用。ReactNative方便众多公司快速高效开发App,降低研发成本,提高了生产力,减少了开发时间。



React、Vue发展趋势

React的发展趋势更注重函数式编程。当前从16.7版本以后,出现了Hook函数钩子的思想,只能是React函数式的组件才能使用。这一特性很明显,React希望将函数式编程发挥极致,更优更好地项目开发。有趣的是,这里出现了useMemo函数,像极了Vue中的computed的作用,这里React就是借鉴了Vue的动态监听变量的模式。

Vue的发展趋势为更注重了项目标准化、严谨化。在Vue3中已经开始使用了TypeScript替代不够严格的JavaScript写法。而引入TypeScript这一点是借鉴了React的能够深度融合TypeScript更严谨开发的经验。

React、Vue发展趋势表明,两种框架互相汲取,取长补短,都是为了能够更好地进行应用开发。


如何正确选择框架

面对React、Vue,我们应该怎么选。这里提供一些思路:

  • 小型偏重于项目如果是偏重于UI展现,更多的样式开发,推荐使用Vue。发挥Vue模板样式的优势。
  • 具有复杂的数据逻辑应用如中台化项目,建议使用React。单向数据流的模式能够避免数据逻辑错误。
  • 大型复杂单页面项目,推荐React。再配合如Redux、Mbox等状态管理库,组件化、模块化开发,有效管理。

写在最后

React、Vue都是出色的前端框架,都有各自的一席之地。React框架的函数式编程理念、严谨的单向数据流设计、丰富的技术生态圈以及方便开发跨终端应用具有更大优势。我们只有根据使用场景、业务需求、技术实现等综合因素选择最适合的框架,才能发挥最大的优势,提高生产力。


以上是我的观点,希望对你有所帮助。

3

React是一个用于构建用户界面的JAVASCRIPT库,起源于Facebook内部项目并于2013年5月开源。React拥有出众的性能而代码逻辑却非常简单,因此越来越多的人开始关注和使用React。现在已经成为前端三大主流之一,其他两大主流前端框架分别为Angular和Vue。个人觉得选择React不外乎以下几点原因:

1,React主要是借助JSX在JavaScript中创建虚拟DOM,让组件更加模块化,重用代码更容易,可维护性更高。

2,可以最小化的进行DOM操作并保证代码的执行速度快和高性能,同时虚拟DOM帮助解决了跨浏览器问题。,

3,用户无需要太关心具DOM的操作过程,可以把大部分精力放在数据的渲染上,大大降低开发的工作量,提升开发效率。

4,React可以利用ReactNative实现一套代码,多终端应用。可以大大的降低开发成本,减少了开发时间。

5,React拥有丰富的组件、插件和开源社区,学习容易,获取知识也方便。可以减少开发成本,提高开发效率。

4

我用的是更冷的框架,ext js。

5

从人员角度考虑的话,整体来说vue门槛相对react低一点,造成vue初级前端泛滥,如果为了项目质量,推荐选用react,可以过滤掉部分小白

6

如果你入行足够久,并且一直在做gui你会发现react似曾相识。

老早老早以前都是客户端程序,部署麻烦但是写起来爽,后来网页把客户端取代了虽然部署方便了但是写起来那叫一个蛋疼,于是就有了Adobe flex,java fx, 微软 silverlight这类嵌入到网页里的客户端,这些依然能给开发者带来真正的对象化组件,封装,多态,继承一样不少,还有像模像样的组件树,比像extjs这类蛋疼的玩意强多了。

可惜好景不长,3巨头谁也不服谁都不肯用对方的东西,最后只好妥协,共同推行了html5。而react 就是客户端程序在html的又一次涅槃重生。

至于vue,无非就是另一种angularjs而已,只是把php,jsp,各种p搬到了前端而已,跟react 不可同日而语。

7

因为中国明显用Vue的多,像我这样超凡绝伦的人中龙凤,如果也选Vue岂不是太俗了?况且Vue还是国产,React明显异域风情,虽然比起Vue难用了些,但难度决定高度!

8

之前帮朋友做了vue的试题 然后就他就顺利拿到offer了 但是vue感觉就是代码感觉有点jQuery时代混乱的味道 react在hooks出来后明显代码干净了 而且用了react 还能顺路搞react native 加上styled component 开发效率高多了

9

都要精通,vue只是入门简单

10

小孩子才做选择,我全都要!只要基础好,什么vue react angular 小程序,都能很快掌握!所以停止学习框架,把基础打牢吧!