Redux 的有限状态机助手
Redux 的有限状态机助手
原文：https://medium.com/hackernoon/a-finite-state-machine-helper-for-redux-c18519643719
我注意到 Redux 应用程序经常嵌入特别的有限状态机，关于当前状态的信息散布在Redux中。我在 Redux 中写了一个使用有限状态机的小助手叫做 redux-machine 。在这篇文章中，我将深入探讨:
- 一个有限状态机的例子以及如何用 redux-machine 实现
- 使用冗余机的优势
redux-机器示例
这是一个非常简单的处理数据获取的状态机的例子，它将有助于展示如何使用 redux-machine:
finite state machine for handling API call state in Redux
用语言来说:
- INIT 是初始状态
- 当状态为“初始化”且动作类型为“获取用户”时，机器转换到“进行中”状态。
- 当状态为“进行中”且动作类型为“获取用户响应”或“获取用户失败”时，机器转换到“初始”状态。
我使用术语“状态”而不是“状态”,以避免与“状态”混淆。所以 INIT 和 IN_PROGRESS 是状态。
下面是如何用 redux-machine 实现状态机:
state machine implemented with redux-machine
特殊部分是变成符号，它将减速器转换到不同的状态。当状态为 INIT 时， fetchUsersReducer 的作用类似于 initReducer 。当状态为 IN_PROGRESS 时， fetchUsersReducer 的作用类似于 inProgressReducer 。
Redux-machine 以一种非特定和显式的方式在存储中保持当前状态。它用状态键将当前状态存储在存储器中。例如，当状态为进行中时，“状态”的值为“进行中”
一个 app 可以有任意多个 redux-machine 创建的减速器，这些减速器可以嵌套。这很有帮助，因为任何重要的应用程序都会在状态机中包含状态机。例如，如果 app 的主要流程是:
a simplified main flow for an app
那么 fetchUsers 中的状态仅在主应用程序状态为 LOGGED_IN 时相关。
冗余机的优点
redux-machine 将当前状态显式化，并将您的状态保存在 redux 存储中。将所有状态保存在存储区中有助于:
- 调试:整个状态很容易检查。redux-machine 还兼容时间旅行调试。
- 向用户传达状态。例如，当请求被激活时使用加载微调器，或者当用户登录时使用“已登录”指示器。
redux-saga 和 redux-observable 擅长建模用户工作流，但是在 redux 商店之外存储状态。
请求反馈
我还没有广泛使用过 redux-machine ，所以欢迎反馈和建议。
