Redux的状态图



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

这是一个高层次的问题。我们有一个复杂的流程,我们没有QA工程资源来编写所需的集成测试。这导致了以下问题:

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

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

  • 有人知道一个(支持良好的(npm包吗?在这个包中,我可以将Redux与statecharts集成在一起
  • 如果没有,那么同时实现xstate和Redux的利弊是什么?Xstate只适用于这个流,并且需要从Redux中提取一些数据。虽然Redux状态可用于xstate,但我认为我不需要以Redux依赖于xstate的方式编写它

我对xstate不是很熟悉,但如果这最终是浪费时间/糟糕的想法,我不想太深入。

此外,就上下文而言,这是一个非常大的回购&该解决方案需要可维护、可读,最重要的是可扩展的

另外2-这样做的主要目标是自动生成状态图。我们有很多人参与这一流程,手动保持文件的最新是不可行的

您可以始终使用状态图作为Redux reducer函数!事实上,其中一位XState开发人员制作了一个示例repo,演示了如何做到这一点(以及在Redux中间件中使用XState服务来产生副作用(:

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

最新更新