npm 包 reduxette 使用教程
reduxette 是一个易于使用的 Redux 状态管理库，它的设计目标是让开发人员能够更加灵活地创建和维护 Redux 的 Store。在本文中，我们将介绍如何在你的项目中使用 reduxette 进行状态管理。
安装 reduxette
要安装 reduxette，你可以使用以下命令：
--- ------- ---------
或者，如果你使用 yarn，则可以运行以下命令：
---- --- ---------
创建 reduxette 的 Store
创建 reduxette 的 Store 相对于原生的 Redux，有着更加简洁和灵活的方式。下面是一个使用 reduxette 创建一个 Store 的示例代码：
------ - ----------- - ---- ------------
----- ------------ - -
------ -
--
----- -------------- - ------ - ------------- ------- -- -
------ ------------- -
---- ------------ -
------ -
---------
------ ----------- - -
--
-
---- ------------ -
------ -
---------
------ ----------- - -
--
-
-------- -
------ ------
-
-
--
----- ----- - ----------------------------在上面的示例中，我们首先定义了一个名为 initialState 的变量，它是我们 Store 的初始状态。接着，我们创建了一个名为 counterReducer 的 reducer，它会根据不同的 action 来修改 state。最后，我们创建了一个名为 store 的 Store，它的初始状态为 initialState，使用了我们定义的 reducer。
dispatch Action
在 reduxette 中，要更新 Store 的状态，你需要 dispatch 一个 action。下面是一个将 INCREMENT action dispatch 到 Store 中的示例代码：
---------------- ----- ----------- ---
当 dispatch 一个 action 时，reduxette 会使用我们配置的 reducer 来计算新的 state，并更新 Store 中的状态。
访问 Store 的 state
要访问 Store 中的 state，我们可以使用 getState 方法。下面是一个使用 getState 方法访问 Store 中 count 值的示例代码：
----- ----- - ----------------- -------------------------
订阅 Store 的改变
当我们 dispatch 一个 action 后，Store 的状态将会随之改变。如果我们希望在 Store 的状态改变时得到通知，我们可以使用 subscribe 方法。下面是一个使用 subscribe 方法订阅 Store 的状态改变的示例代码：
------------------ -- - ----- ----- - ----------------- ------------------------- ---
当我们 dispatch 一个 action 后，subscribe 方法中的回调函数将会被触发。
总结
在本文中，我们介绍了如何使用 reduxette 创建和更新 Store 的状态。相对于原生的 Redux，reduxette 的 API 更加简洁和灵活，使得我们能够更加方便地创建和维护 Store。如果你正在寻找一个易于使用的 Redux 状态管理库，那么 reduxette 将是一个不错的选择。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6006700fe361a36e0bce8d26