VueJS && ReactJS 如何?听听别人怎么说。

简介: 使用所有新的库和框架,很难跟上所有这些库和框架,也就是说,这就需要您决定哪些是值得花时间的。 让我们看看人们说什么:

使用所有新的库和框架,很难跟上所有这些库和框架,也就是说,这就需要您决定哪些是值得花时间的。

让我们看看人们说什么:

“和Vue.JS一起工作是很愉快的,我发现学习曲线很浅,然而,这纯粹是基于我的经验,如前所述,我过去曾和一些人一起工作过。

默认的模板结构工作原理和Angular非常类似,所以有这个背景的开发人员可能会React上手更快。如果React像Vue.js那么容易学习的话,我真的不会不学习React,它的影响很大。

Reme Le Hane

“比起React我更喜欢vue.js。在JavaScript领域vue.js是镇上新来的小子。所以我想说学习的简单性可能是第一。简洁是设计的基础。

Vue是简单的,它具有很多从Angular1和react来的概念。你可以使用它来建立任何系统 - 只是把它包含到HTML文件中。

React更大,更复杂一点(例如在设置方面)。

所以如果你想只想学一个框架,并且没有一个已经建立的系统那就选择Vuevue.js很平易近人,提供如何把各种事情做好的更多的结构。如果你还不确定,两者都试试。也可以点击这里来阅读,ReactJS vs Vue.js vs AngularJS

https://www.agriya.com/blog/2017/03/08/angularjs-vs-vue-js/

Kathreen Riya

“回答你的问题,我认为Vue.js是了解React系统的一个好方法。然而,你看完指南之前你可能会爱上Vue.js。让我告诉你,整件内容都值得一读。找个星期六开始试试吧!

在你读我的回答,我非常鼓励你看看Vue的框架比较。它非常体贴,涉及许多重要的考虑因素。

您想用哪一个平台开发?选择你自己的毒药吧。

  1. React是几乎所有平台的理想选择。无论是Web还是原生开发,React都已经覆盖并在两个方向都成熟了。在UI开发方面,在任何上下文中都是一个灵活的开发人员。它甚至进入了虚拟现实。

  2. Vue 2太走向原生。Evan和他的团队正在与阿里巴巴合作创造Weex,这将允许本地渲染就像React Natvie。Vue 2现在主要集中在Web开发,但也承诺支持其他平台。根据Evan的最新的Vue的博客,2017对Weex是重要的一年。

你想多久才开始开发呢?为什么不今天就开始,而要等几个星期?

  1. React有陡峭的学习曲线。它的文件和术语在某些概念是不同寻常,而凌乱,在Vue中指南,属性名称,安装过程,等一切感觉很熟悉,与更广泛的HTML,CSS和ES6标准一致。感谢这两个框架,他们的社区欣欣向荣。你可以找到大量的资源来启动。

  2. 我面临的最大障碍是理解构建工具链:Webpack,JSX,我的文本编辑器插件等等。

  3. 然而,Vue不需要Webpack,或任何其他事情。你可以马上通过ES5快速的写应用包括使用你最喜爱的软件包管理器或CDN的框架。这意味着你可以用CodePen和其他代码共享的环境。

  4. React最近推出了create-React-app。你可以将这个和Vue的命令行工具进行对比。

在专业领域…

  1. Vue一直有大牌公司像gitlab,Laravel,PageKit等采用。

  2. Vue仍然感觉像在我的开发周期上新的孩子。然而,许多开发商在我公司(IHS Markit)已经开始采用Vue,在考虑Angular和React太重。

  3. React很受欢迎,而且已经持续很久了。可能更多的企业使用了React。如果你现在找一份新工作,那就记住这一点。

  4. 在过去的几个月里(下降2016),我看过很多文章说:“为什么我们选择vue.js超过React和Angular…”。vue.js获得牵引力,快捷,越来越多的人意识到它是多么容易使用。

再来看看Vue迷…

包括状态管理和路由!你已经知道了关于Flux/Redux,这就是Vue所提供的:

  1. Vuex是Vue的 Flux/Redux/Elm-inspired的实现,专门针对使用Vue的响应系统。其系统的mutations, getters,actions非常协调,与您的组件集成很容易。不过,如果你更喜欢用Redux,Vue用Revue也是很酷的。无论哪种方式,知道如何使用状态管理系统是一种很有价值的模式。

  2. 如果你需要URL路径和参数Vue-Router是该死的简单而强大。只要检查一下文档就ok了。

其他值得注意的事情…

  1. Vue的文档是一个梦。我不能告诉足够多的人它的指南和API参考有多大。Evan You(作者和项目负责人)有一种将现代开发提供给门外汉的方式。即使是经验丰富的开发人员,这也是令人耳目一新的。

  2. 写单文件vue组件感觉很自然 - 我从来没有回头,因为。这不需要Webpack,但没有恐惧,Vue提供了一个非常方便的命令行工具来帮助你产生很小的安装骨干项目。如果你喜欢Browserify,也不用担心。炼狱,你可以写你自己的CLI模板,如果你想要的话!提供的模板非常灵活。

  3. Vue 2支持服务器端渲染,帮你做SEO,让你的网站可以呈现给禁用javascript的人。

最后,不断有什么给我印象深刻的东西,再次回来的Vue.js是其突出的社区,Evan和他的贡献很专业,它的易用性,其显而易见的对齐与Web部件标准。我被这个项目的成功所震惊,创造出几乎任何我能梦想得到的前端都是多么令人愉快的事情。

Andy Merskin

我也来这儿。

我花了大约一年的时间来处理这个问题。我最近换了Vue在过去的几个月里,我没有回头。关于Vue的一些事情让我沉迷过度了,即:

  1. JSX - 我讨厌JSX。它总是花费我几秒钟的时间,如果不是几分钟就万幸了。我每次打开项目要接受这个事实,我一直在寻找一个JavaScript组件包括风格、传统的JavaScript方法和UI元素都支持的一个模块化的野兽。它很快就老化了。

  2. 重命名传统HTML属性 - 传统HTML类和风格的元素属性。哦,React也能做到,你所要做的就是确保你所有的类的属性称为类名和样式属性没有字符串值了。想象一下,试图创建一个基于购买的现有主题的网站。把它换成React就像用刀子刺眼球一样。而对Vue,现有的HTML只是普通的工作。你想“reactify”吗?继续,但这不是React中所要求的。

  3. 打包需要 - 所以React就只是UI层吗?他们是正确的;你甚至也可以不需要WebPack或任何其他的打包机。但是如果没有它们,你可以尝试建造任何实质性的东西,你都会很难过的。你开始拉动左右,使功能和所有那些假定WebPack包。如果你只是写“hello world”,然后只使用React可以。别的,你就得开始阅读所有的打包内容。

josullivan

“我用Angular1一年多一点,然后切换到React。我已经看了Vue几次却从来没有建立任何东西,那就是说我什么也没听到,但伟大的事情,从外观上来看,它是很容易。

我准备采取行动,原因有3:

  1. 这是目前最流行的:这很重要,最受欢迎的是它拥有最多的在线资源,更好的工作机会,更有可能获得长期的成功(除非他们使用谷歌的Angular1)。

  2. 它是通用的:有库允许您使用React来编写移动甚至桌面应用程序(尽管我还没有亲自尝试构建桌面应用程序)。Vue也将推出自己的混合移动框架,但即使当它来到的时候,我严重怀疑它会赶上React,有多少人考虑重头开始考虑到RN有及其社区的规模。

  3. 这很复杂,很难学:我不同意大多数人的观点,说这个不是学习React的好理由,而且实际上是我喜欢React的原因之一。学习React会让你成为更好的JavaScript开发人员。React很难,因为:

  • 它使用了很多中间高级JS概念。像一个深入了解的对象,“this”关键词和一些功能的编程概念是必要的工作,React的效率(最后一个是更相关的如果你使用Redux)。它也将更可能迫使你学习ES6如果你还不知道。

  • 你需要的工具只有1件套,所以你必须依靠终极版的其他库。开始时这可能很痛苦,但它教你如何混合、匹配和连接不同的库。也让你能够定制你的工具,你认为合适或甚至将React放进Angular/Vue应用如果你只想用它在你的应用程序的某些部分的优势。

  • 它通常用到构建工具像WebPack(虽然它实际上并不需要他们)。Vue是建立更加容易没有编译工具,但是相当多的任何真实世界的应用都将是最终使用编译工具,无论如何,这是唯一的一个优势,如果你还在学习,只是想跳过麻烦去更快建设。即使是这样的话,你仍然可以通过使用项目生成器,比如创建React应用程序来跳过所有配置并直接构建。

前端开发的问题是js生态系统可能非常不稳定,框架在不断变化。因此,我认为,不是寻找最简单、最强大、最流行的框架,而是作为一个开发人员长期学习有用的东西(尽管React也有最流行的东西),这可能更有用。即使React最终变得过时,我也不会对学习它感到后悔,因为当我开始学习JavaScript的时候,我知道的比我想知道的还要多。

Ahmed Wagdi

“这些天我很少做网页,大多工作在后端数据处理、网络I/O和分布式通信。

一年多一点以前,我想要的是一个实时的Web UI想象一些我对服务器端的数据,我想用SignalR。我回到了一些流行的框架,有一个非常简单的思维方式:“我可以阅读‘入门’,然后在15分钟内开始一些基本的工作吗?”。

我最终选择了Vue,主要是因为它使用简单的对象模型和我真的只是过去的东西我可以从SignalR直接进入并显示。我所尝试的几乎所有其他的东西围绕着数据都有某种类型的打包器/代理,这意味着你必须运行一些映射才可以使模型正常工作。我几乎决定用Mithril,但是当我发现这只是我的需要与Vue重合更多。其实我真的想用React,但Vue只是更平易近人,我不需要花费额外的时间学习React。

然而,真正的考验是几个月后,我去修改和添加更多的功能到我的简单调试UI中。我几乎可以立即拿起它,甚至做了相当大的改动。

与我的经历相比,Ember。我们有一个大的应用程序基于Ember编写,每一次我试图做的是我认为应该是一个简单的改变(不接触的几个月后),我花了比我想象的要长5倍,我花了大部分的时间与它作战之前实现我忘了5个的地方,你必须修改参考额外的依赖或其它一些同样平凡但真气人的细节。

你可以学习Vue在分钟的基础知识,并在几个小时内很内行。这是不是很多的框架,可以说,这是一个被严重低估的好处。

gregmac

这篇文章最初发表在bootstrapbay博客 - https://bootstrapbay.com/blog/vuejs-vs-reactjs/

各位,你们怎么看?在这场辩论中,请随意点儿,别忘了分享你的体验,这样其他人就能了解到你的想法。

汇智网(www.hubwiz.com,大量最新的vue/react/angular课程),小智翻译。

原文发布时间为:2018年01月05日
原文作者:笔阁 

本文来源:开源中国 如需转载请联系原作者


目录
相关文章
|
JavaScript 前端开发 算法
前端框架比较:Vue.js vs React.js vs Angular(2)
前端框架比较:Vue.js vs React.js vs Angular(2)
|
JavaScript 前端开发 C++
前端框架比较:Vue.js vs React.js vs Angular(3)
前端框架比较:Vue.js vs React.js vs Angular(3)
|
JavaScript 前端开发 API
前端框架比较:Vue.js vs React.js vs Angular(1)
前端框架比较:Vue.js vs React.js vs Angular
|
JavaScript 前端开发
你是否有一个梦想?用JavaScript[vue.js、react.js......]开发一款自定义配置视频播放器
沉寂了一周了,打算把这几天的结果呈现给大家。这几天抽空就一直在搞一个自定义视频播放器,为什么会有如此想法?是因为之前看一些学习视频网站时,看到它们做的视频播放器非常Nice!于是,就打算抽空开发一款属于自己的视频播放器。话不多说,一起来实战吧!
你是否有一个梦想?用JavaScript[vue.js、react.js......]开发一款自定义配置视频播放器
|
Web App开发 移动开发 JavaScript
关于Vue.js和React.js,听听国外的开发者怎么说?
VueJS 与 ReactJS 到底怎么样如何?听听别人怎么说。 使用所有新的库和框架,很难跟上所有这些库和框架,也就是说,这就需要您决定哪些是值得花时间的。
4065 0
|
11天前
|
缓存 JavaScript 前端开发
vue学习第四章
欢迎来到我的博客!我是瑞雨溪,一名热爱JavaScript与Vue的大一学生。本文介绍了Vue中计算属性的基本与复杂使用、setter/getter、与methods的对比及与侦听器的总结。如果你觉得有用,请关注我,将持续更新更多优质内容!🎉🎉🎉
27 1
vue学习第四章
|
11天前
|
JavaScript 前端开发
vue学习第九章(v-model)
欢迎来到我的博客,我是瑞雨溪,一名热爱JavaScript与Vue的大一学生,自学前端2年半,正向全栈进发。此篇介绍v-model在不同表单元素中的应用及修饰符的使用,希望能对你有所帮助。关注我,持续更新中!🎉🎉🎉
23 1
vue学习第九章(v-model)
|
11天前
|
JavaScript 前端开发 开发者
vue学习第十章(组件开发)
欢迎来到瑞雨溪的博客,一名热爱JavaScript与Vue的大一学生。本文深入讲解Vue组件的基本使用、全局与局部组件、父子组件通信及数据传递等内容,适合前端开发者学习参考。持续更新中,期待您的关注!🎉🎉🎉
24 1
vue学习第十章(组件开发)
|
17天前
|
JavaScript 前端开发
如何在 Vue 项目中配置 Tree Shaking?
通过以上针对 Webpack 或 Rollup 的配置方法,就可以在 Vue 项目中有效地启用 Tree Shaking,从而优化项目的打包体积,提高项目的性能和加载速度。在实际配置过程中,需要根据项目的具体情况和需求,对配置进行适当的调整和优化。
|
17天前
|
存储 缓存 JavaScript
在 Vue 中使用 computed 和 watch 时,性能问题探讨
本文探讨了在 Vue.js 中使用 computed 计算属性和 watch 监听器时可能遇到的性能问题,并提供了优化建议,帮助开发者提高应用性能。