简介
redux-atomic-action 是一种用于管理 Redux 状态树的 npm 包。它可以让您编写原子性的 actions，从而更容易地管理您的应用程序的状态。
这种原子行为非常有用，因为当您在一个大型或者复杂的应用程序中工作时，您可能需要多次使用同一个操作。然而，在多个 reducer 中执行每个操作会增加代码量，难以阅读和维护。所以，atomic action 可以通过放置一个单独的原子行为来简化代码。
在这篇文章中，我将向您展示如何使用 redux-atomic-action 包来编写和处理原子性的 actions，以及如何将 these 操作应用到您自己的应用程序。
安装
您可以通过使用 npm 安装 redux-atomic-action 包，运行以下命令：
npm install --save redux-atomic-action
使用
创建原子性 actions
redux-atomic-action 提供了一个 createAction 函数来帮助我们生成原子性 actions。此函数的作用是为 actions 添加唯一的 type 属性，并在 state 中进行修改。
下面是一个简单的示例，展示如何使用 createAction 来创建一个 action 来更新状态：
-- -------------------- ---- -------
------ - ------------ - ---- ----------------------
----- ---------- - --------------------------- ------ -- -
------ -
----
--
---
-- --
---------------------
----- -------
---- --
----在上面的示例中，createAction 将返回一个符合 redux 标准的 action。在调用 dispatch 函数发送 action 时，它将触发 redux 树上相应的 reducer！
处理原子性 actions
当创建新的 action 后，您需要为其创建一个新的 reducer。下面是一个示例，展示如何使用原子性 actions 来创建一个 reducer 来更新 user 对象：
-- -------------------- ---- -------
------ - ------------- - ---- ----------------
------ - ----------- - ---- ----------------------------
----- ------------ - -
----- -
----- ------
---- --
-
--
----- ---------------- - ------- ------- -- -
------ -
---------
----- -
--------------
-----------------
-
--
--
------ ------- ---------------
-------------- ----------------
-- --------------在上面的示例中，我们使用 redux-actions 包的 handleActions 函数来处理我们的 incoming actions。我们通过将我们想要处理的 action 与它的处理函数对象键值对形式的参数传递给 handleActions 函数来完成。
结束语
redux-atomic-action 为管理状态和 action 的流程提供了一种更简单的方法，可以使代码更加清晰和可维护。在复杂应用开发中使用原子性 actions，任务将变得更加容易且高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005587381e8991b448d5aec