如何使用快速反应初始化存储数据?

时间:2016-07-13 04:05:09

标签: optimization reactjs flux

如何快速启动数据?

在我的项目中,我们让客户做出反应。

我正在使用alt(flux)normalizrimmutable。为了优化性能,我将PureRendermixin与immutalbejs一起使用。

当用户导航页面时,每个商店都会监听浏览器位置并通过ajax获取所有数据,并使用所需的数据进行初始化。

之后,每个商店都会触发emitChange,反应重新渲染组件树。

但是,问题是在所有重要的引导存储中重新呈现组件树时触发emitChange。 这使得即使浏览器被冻结也很慢。

即。用户单击链接并将页面数据引导到存储(引导)。在 这个案例更新了DOMAIN商店数据(帖子,评论,列表,分页,用户,类别...超过10个商店,用于视图组件中的依赖。请查看图片这么多生命周期,发出更改,重新呈现更新)并请求更新合并。

  • NODE_ENV = dev的 enter image description here 这需要1秒以上,浏览器会停止

  • NODE_ENV = PROD enter image description here 这需要超过200毫秒,甚至更好但不足以使用。

如何优化架构?

1 个答案:

答案 0 :(得分:0)

您可以使用服务器呈现技术(通用/同构),并在没有Ajax的情况下将数据从服务器直接传递到客户端。