React真的比AngularJS快吗

admin

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：React，AngularJS）。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，取而代之的是关注你前端的全局状态。