对 DOM 重绘影响较小的 React 替代方案

Question

我目前正在做一个项目，该项目在网站的“背景”中使用 WebGL，其顶部有一个 UI 层。我开始使用 react 作为我选择的武器来处理 UI 的构建和更新（与 redux 一起）。我遇到的问题是，在当时挂载的任何组件中调用 setState 会导致我的 WebGL 内容（旋转的地球仪）略微抖动。

我已经有一段时间没有使用 react 以外的任何东西了，我想保留 redux 用于数据获取和状态管理。所以，我的问题是：在这种情况下使用什么好的 UI 框架，对 DOM 重绘影响很小？我已经做了一个小的概念证明，我在收听 redux 存储的同时使用 Vanilla JS 操作 DOM，并且抖动消失了。当然，jQuery 将是一个选项，但它似乎......过时了？我使用 NPM 和 Webpack 进行构建和包管理。非常感谢！

Answer 1

如果您的 UI 不是过于复杂并且性能是您所需要的，那么您可能只是想尝试常规的 DOM 操作。因为您使用 WebGL，所以您绝对不能在 JavaScript 中做任何繁重的工作，否则您的帧率会受到影响。

您还可以开始实现componentShouldUpdate 和其他 React 性能技巧，以尝试将更新时间控制在单个帧内。这很难，但可能。