防止客户端上的Redux操作性能

时间:2017-04-23 19:50:02

标签: javascript reactjs redux

我有一个React / Redux / SSR应用程序。现在我的应用程序工作如下:

  1. 用户访问某个网址,浏览器向前端服务器(Node.js)发送请求
  2. 前端服务器从后端服务器(Ruby)获取此URL的所有必要数据,然后构建html,然后用填充的window._PRELOADED_STATE_响应用户的浏览器,并使用适当的Redux商店状态
  3. 用户的浏览器呈现收到的html并运行bundle.js脚本,这是React应用程序。它使用在window._PRELOADED_STATE_之前填充来初始化应用程序(此时操作再次运行)
  4. 我想在客户端的第一次渲染中阻止Redux操作性能,因为所有操作都已在服务器上完成。

    我尝试过:在第一次渲染后的客户端上,我删除window._PRELOADED_STATE_并仅在window._PRELOADED_STATE_存在时运行操作。但删除window._PRELOADED_STATE_会在应用初始化之前执行,因此无论如何都会执行操作。

    我如何获得理想的行为?任何想法都表示赞赏。

1 个答案:

答案 0 :(得分:0)

您是否有机会在开发模式下使用React?

在开发模式下,如果反应无法将SSR代码与前端代码匹配,React会抱怨。在我看来,你可以有类似的情况。

如果不是这种情况,那么开始时会采取什么行动?