0

当前状态管理堆栈：React、RTK/Redux 和 Redux-Saga

这是高级问题。我们有一个复杂的流程，我们没有 QA 工程资源来编写所需的集成测试。这会导致以下问题：

  • 在此流程中更改某些内容需要很多上下文（不引入错误）
  • 必须手动测试流程中的许多不同路径以尝试确保没有任何损坏
  • 效率严重不足
  • 即使有专门的 QA 工作，错误仍然会通过有多少路径进入生产环境

我一直在研究 xstate 并且非常喜欢生成状态图的能力（需要更少的上下文，非技术利益相关者的理解，并且似乎它会导致更高的效率前进）。对于状态管理，我们目前在整个平台上使用 Redux（更改它会非常超出范围）。这引出了我的问题：

  • 有谁知道一个（支持良好的）npm 包，我可以在其中将 Redux 与状态图集成？
  • 如果不是，那么实现 xstate 和 Redux 的优缺点是什么？Xstate 只适用于这个流程，并且需要从 Redux 中提取一些数据。虽然 Redux 状态可用于 xstate，但我假设我不需要以 Redux 依赖于 xstate 的方式编写它。

我对 xstate 不是很熟悉，但如果这最终成为浪费时间/糟糕的想法，我不想深入研究。

ALSO - 对于上下文，这是一个非常大的 repo & 解决方案需要可维护、可读，最重要的是 - 可扩展

ALSO 2 - 主要目标是自动生成的状态图。我们在这个流程中有很多人参与，手动更新文档是不可行的

4

1 回答 1

0

你总是可以使用状态图作为 Redux 的 reducer 函数！事实上，其中一位 XState 开发人员整理了一个示例 repo，准确地演示了如何做到这一点（以及在 Redux 中间件中使用 XState 服务来获得副作用）：

https://github.com/mattpocock/redux-xstate-poc

于 2022-01-28T17:30:13.803 回答