React真的比AngularJS快吗?

泡在网上的日子 / 文 发表于2015-06-05 11:02 次阅读 React,AngularJS

React自诞生以来,一直以其渲染速度快著称,特别与AngularJS和EmberJS等相比更是如此。但也有人不同意这个观点,以色列软件开发公司500Tech的CEO Boris Dinkevich近日发表博文称,其实React并不真正比AngularJS快。

React之所以被人们认为快的原因,是因为DOM操作起来很慢,而React采用了Virtual DOM来避免直接对DOM进行操作。Boris认为,实际上官方并没有提供Demo来说明性能提升了多少,而Virtual DOM带来的Javascript对数据的复杂操作可能会抵消它的好处。在考察了演示React和AngularJS对比的两个广为传播的Demo 后,Boris的结论是,基于Virtual DOM的框架并不比传统的框架要快。

第一个大家看得最多的Demo来自于React.js Conf 2015上的演示,内容是React和AngularJS的对比(Demo:ReactAngularJS)。Boris发现,这个demo其实对AngularJS并不公平,因为demo作者忽视了AngularJS里基本的提升性能的语句“track by”。只需简单的修改一行代码,将原来的:

ng-repeat="(key, db) in databases"

修改为:

ng-repeat="(key, db) in databases track by key"

就可以看到,修改后的AngularJS Demo速度大大提升,并不比React的表现要慢。

第二个Demo来自于ng-conf 2015的演示,可以看到在Angular的指令中使用React后速度显著提升。但Boris认为这个对比并不公平,因为它演示的是React组件渲染对比Angular渲染和数据处理。在Angular Demo里选择使用isolated scope后,结果显示两者之间的速度差别不大。

Boris的文章在Hacker News上引起了激烈讨论,有些人认为作者言过其实,他们在自己的项目中使用React部分代替Angular后速度快了很多;也有些人拥护作者的观点, 认为React在过去的一段时间里被过度营销,一些Demo并未考虑实际情况。但还有一些人则认为速度并不是React的卖点,用户 feedjoelpie表示

React只是使用起来非常友好并且易于理解,是virtual DOM让这一切成为可能,同时速度能够让人接受。DOM diff的目标并不在于让React变得比它的同胞更快,而是让你不用再考虑DOM,取而代之的是关注你前端的全局状态。


他同时还推荐了另一篇介绍React优点的文章。也许,现在是抛开迷思,重新思考React能给我们带来什么的时候了。


收藏 赞 (0) 踩 (0)
上一篇:AngularJS常用插件与指令收集
原文: http://chensd.com/2015-06/AngularJS-popular-Plugins-and-Directive.html 使用AngularJS有差不多一年时间了,前前后后也用了不少库和指令,整理了一下,分成四大类列出。有demo地址的,就直接连接到demo地址,其它的直接链到github托管库中。 图片
下一篇:React 入门教程
React 是 Facebook 里一群牛 X 的码农折腾出的牛X的框架。 实现了一个虚拟 DOM,用 DOM 的方式将需要的组件秒加,用不着的秒删。React 扮演着 MVC 结构中 V 的角色, 不过你要是 Flux 搭配使用, 你就有一个很牛X的能让轻松让 M 和 V 同步的框架了,Flux 的