React 的慢与快:优化 React 应用实战

  1. 云栖社区>
  2. 掘金翻译计划>
  3. 博客>
  4. 正文

React 的慢与快:优化 React 应用实战

玄学酱 2017-10-17 15:07:00 浏览1940
展开阅读全文
本文讲的是React 的慢与快:优化 React 应用实战,

React 是慢的。我的意思是,任何中等规模的 React 应用都是慢的。但是在开始找备选方案之前,你应该明白任何中等规模的 Angular 或 Ember 应用也是慢的。好消息是:如果你在乎性能,使 React 应用变得超级快则相当容易。这篇文章就是案例。

衡量 React 性能

我说的 “慢” 到底是什么意思?举个例子。

我正在为 admin-on-rest 这个开源项目工作,它使用 material-ui 和 Redux 为任一 REST API 提供一个 admin 用户图形界面。这个应用已经有一个数据页,在一个表格中展示一系列记录。当用户改变排列顺序,导航到下一个页面,或者做结果筛选,这个界面的响应式做的我不够满意。接下来的截屏是刷新放慢了 5x 的结果。

Datagrid refresh

来看看发生了

网友评论

登录后评论
0/500
评论
玄学酱
+ 关注
所属云栖号: 掘金翻译计划