Webpack 核心开发者 Sean Larkin 盛赞 Vue
dev.io 近日邀请了 Webpack 核心开发者 Sean Larkin 回答开发者提问,其中几个问提比较有意思,和掘金的小伙伴们分享一下。
先上点前菜:
有一个开发者问 Sean 如何成为一个热门项目的核心作者。Sean 没有一上来就说该做什么,而是先告诉提问者需要明确自己是否对该项目有足够的激情,是否喜欢该项目及该项目的用户。然后才说想成为一个项目的核心作者需要用各种方式获取项目维护团队的信任。
At the end of the day if I can change one persons life for the better, I've won. And open source and the incredible blessings it has provided me, have been the perfect vessel to continue that mission. — Sean Larkin
主菜:
「你可以详细地讲一下为什么 React 比 Vue 好吗?」(注意问题是为什么 React 比 Vue 好)。
Sean Larkin 回答如下:
生态系统: Vue 是由社区驱动的一个项目,没有任何商业目的。因此,我们可以看到:
- 支持路由——这一块直接由 Vue 团队维护,中间没有断层,用起来体验很棒。
- 完全解决并维护着状态管理——因此,Vue 和 Vue app 实现了无缝对接。我们都知道...React app 和 React+Redux app 或者 React+StateManagementLibrary app 看起来 完全不同。
与社区一些极佳的构建工具(比如 Webpack)合作紧密。用 Vue 写代码从
import Component from ’./vue-component.vue';变成了
const Component = () =>import('./vue-component.vue');正是这些不起眼的细节传达着「我们关心用户,我们的创新永远用户第一」。
语法:在我看来,单文件组件是开发的趋势。不仅因为它可以在 Webpack 中热更新模块,还因为它让你可以在必要的时候写 JSX。大部分时候 Vue 的单文件组件够用了,根本不用写 JSX。
模具:vuejs 为 vscode 等提供的模具非常出色。
React 和 Vue 之间更大的区别在于事件驱动系统及「依赖检测」。
不同于需要一堆 componentWillUpdate,Vue 自动跟踪变化的状态,相比 React 为开发者节约了大量的成本。
看这个:

天呐,这么神奇吗?Vue 能做任何 React 可以做的事情。
- JSX?没问题
- HOC?没问题
- Jest/Enzyme?没问题(Enzyme=>Avioriaz)
- Contetx?没问题
所以我认为:如果你想在一个项目中用 React,直接用 Vue 就行。
抱歉...我才注意到你问的是为什么 React 比 Vue 好。
本海绵看到这里不禁一笑..也不知道 Sean 是真没看清还是就想趁机夸夸 Vue。
还有一个人当着 Sean 把 Webpack 喷了一通, Sean 也礼貌的逐条做出了回复。
另外,因为 Sean 是 Edge 的开发者,所以有不少关于 Edge 的问题。
可以在这里看到所有问题和回答:
https://dev.to/thelarkinn/i-maintain-webpack-ask-me-anything-an8/comments
掘金也会不定期举行类似的 AMA 活动,可以留下你想问的人哦,说不定我们就请他了呢~
Webpack 核心开发者 Sean Larkin 盛赞 Vue的更多相关文章
- 如何调试PHP的Core之获取基本信息 --------风雪之隅 PHP7核心开发者
http://www.laruence.com/2011/06/23/2057.html https://github.com/laruence PHP开发组成员, Zend兼职顾问, PHP7核心开 ...
- 在webpack构建的项目中使用vue
一.复习在普通网页中使用vue1.使用script引入vue2.在index中创建 id为app的容器3.通过new vue得到vm实例二.在webpack中尝试使用vue://注意 : 在webpa ...
- 万字综述,核心开发者全面解读PyTorch内部机制
斯坦福大学博士生与 Facebook 人工智能研究所研究工程师 Edward Z. Yang 是 PyTorch 开源项目的核心开发者之一.他在 5 月 14 日的 PyTorch 纽约聚会上做了一个 ...
- 手写webpack核心原理,再也不怕面试官问我webpack原理
手写webpack核心原理 目录 手写webpack核心原理 一.核心打包原理 1.1 打包的主要流程如下 1.2 具体细节 二.基本准备工作 三.获取模块内容 四.分析模块 五.收集依赖 六.ES6 ...
- 【Mycat】作为Mycat核心开发者,怎能不来一波Mycat系列文章?
写在前面 Mycat是基于阿里开源的Cobar产品而研发,Cobar的稳定性.可靠性.优秀的架构和性能以及众多成熟的使用案例使得Mycat一开始就拥有一个很好的起点,站在巨人的肩膀上,我们能看到更远. ...
- Webpack 核心模块 tapable 解析(转)
原文出自:https://www.pandashen.com 前言 Webpack 是一个现代 JavaScript 应用程序的静态模块打包器,是对前端项目实现自动化和优化必不可少的工具,We ...
- webpack核心模块tapable用法解析
前不久写了一篇webpack基本原理和AST用法的文章,本来想接着写webpack plugin的原理的,但是发现webpack plugin高度依赖tapable这个库,不清楚tapable而直接去 ...
- webpack核心概念
一.webpack四个核心概念 1.入口[Entry] webpack将创建所有应用程序 依赖关系图表.图表的起点被称之为 入口起点.入口起点告诉webpack从哪里开始,并遵循着依赖关系图表知道打包 ...
- Vue-cli+Vue.js2.0+Vuex2.0+vue-router+es6+webpack+node.js脚手架搭建和Vue开发实战
Vue.js是一个构建数据驱动的web界面的渐进式框架.在写这边文章时Vue版本分为1.0++和2.0++,这个是基于Vue2.0的项目. Vue-cli是构建单页应用的脚手架,这个可是官方的. Vu ...
随机推荐
- [USACO09OCT]谷仓里的回声Barn Echoes(hush、STL)
https://www.luogu.org/problem/P2957 题目描述 The cows enjoy mooing at the barn because their moos echo b ...
- 吴裕雄--天生自然python Google深度学习框架:深度学习与深层神经网络
- android studio 通过界面快速查看md5
https://www.jianshu.com/p/989c0be557f0
- 对xgboost中dump_model生成的booster进行解析
xgboost原生包中有一个dump_model方法,这个方法能帮助我们看到基分类器的决策树如何选择特征进行分裂节点的,使用的基分类器有两个特点: 二叉树: 特征可以重复选择,来切分当前节点所含的数据 ...
- Linux中vim的基本操作
Vim三种模式之间的相互转换: 1.拷贝当前行 yy,拷贝当前行的向下五行 5yy,粘贴使用p: 2.删除当前行 dd,删除当前行的向下五行 5dd: 3.在文件中查找某个单词[命令行模式下 /关键 ...
- 头次接触wamp服务器、xampp,初次单独使用tomcat部署
刚刚经过了近两天的接触wamp.xampp.tomcat的时光,真的爽 导师有个网站打不开了,就让我去弄,还有一个网站的后台密码忘了,让我帮忙找回来.我第一感觉就是第一个活不简单,第二个还不简单吗?打 ...
- 计算机BIOS的简单设置(要安装Linux需关闭Security Boot选项)
计算机BIOS的简单设置(要安装Linux需关闭Security Boot选项) 发布时间:2016-12-07 22:46:19来源:linux网站作者:乐百川 BIOS是什么 BIOS全称是基本输 ...
- spring boot 配置文件properties和YAML详解
spring boot 配置文件properties和YAML详解 properties中配置信息并获取值. 1:在application.properties配置文件中添加: 根据提示创建直接创建. ...
- top和margin-top的区别
1.top等为绝对定位,需与position:absolute一起用才有效:而margin-top为相对定位: 2.绝对定位一般情况下以body为标准:若父元素设置position:relative, ...
- deeplearning.ai 神经网络和深度学习 week3 浅层神经网络
1. 第i层网络 Z[i] = W[i]A[i-1] + B[i],A[i] = f[i](Z[i]). 其中, W[i]形状是n[i]*n[i-1],n[i]是第i层神经元的数量: A[i-1]是第 ...