Fatal编程技术网
  • optimization/
  • Optimization 如何使用快速响应初始化存储数据？

Optimization 如何使用快速响应初始化存储数据？

optimization reactjs

Optimization 如何使用快速响应初始化存储数据？,optimization,reactjs,flux,Optimization,Reactjs,Flux,如何在react中快速初始化数据 在我的项目中，我们制作了客户端react应用程序 我使用的是alt（flux），normalizer，不可变。为了优化性能，我在immutalbejs中使用了PureRendermixin 当用户浏览页面时，每个商店都会监听浏览器位置，并通过ajax获取所有数据，使用所需的数据初始化自己 之后，每个存储激发emitChange，react重新呈现组件树 但是，问题是在所有必要的引导存储中触发emitChange，从而重新呈现组件树。 这使得它非常慢，甚至浏览器被

如何在react中快速初始化数据

在我的项目中，我们制作了客户端react应用程序

我使用的是
alt（flux）
，
normalizer
，
不可变
。为了优化性能，我在immutalbejs中使用了
PureRendermixin

当用户浏览页面时，每个商店都会监听浏览器位置，并通过ajax获取所有数据，使用所需的数据初始化自己

之后，每个存储激发
emitChange
，react重新呈现组件树

但是，问题是在所有必要的引导存储中触发
emitChange
，从而重新呈现组件树。 这使得它非常慢，甚至浏览器被冻结

i、 e.用户单击链接并将页面数据引导到存储（引导）。在里面 此案例更新了域存储数据（帖子、评论、列表、分页、用户、类别…视图组件中的依赖项有10多个存储。请看图片，请求并合并更新了如此多的生命周期、更改、重新发布更新）

  • 节点_ENV=dev 这需要1秒钟以上的时间，浏览器将停止

  • 节点_ENV=prod 这需要200多毫秒，甚至更好，但不足以使用

如何优化架构？

您可以使用服务器渲染技术（通用/同构），并在不使用Ajax的情况下将数据从服务器直接传递到客户端。

您可以使用服务器渲染技术（通用/同构），并在不使用Ajax的情况下将数据从服务器直接传递到客户端。

我来自服务器重新设计。因为这太慢了，我是从服务器重新设计来的。因为那比较慢