简介
reduman 是一个基于 Redux 的轻量级状态管理工具，它通过精心的设计，为前端开发者提供了优秀的开发体验。reduman 支持多种语言，包括 JavaScript、TypeScript、ES6 等，可以广泛地应用于前端开发中。
安装
你可以通过 npm 安装 reduman：
npm install reduman
使用
使用 reduman 的步骤非常简单：
步骤1：创建 Reducer
首先，我们需要创建一个 Reducer，它将定义状态树的结构和它的初始状态。下面是一个简单的例子：
-- -------------------- ---- -------
----- ------------ - -
------ --
--
-------- ------------- - ------------- ------- -
------ ------------- -
---- ------------
------ -
---------
------ ----------- - --
--
---- ------------
------ -
---------
------ ----------- - --
--
--------
------ ------
-
-这里我们定义了一个名为 "count" 的属性来存储计数器的值。然后我们定义了两个 Action：INCREMENT 和 DECREMENT 分别用于增加和减少计数器的值。
步骤2：创建 Store
接下来，我们需要创建一个 Store，它将会关联 Reducer 和它的状态。我们可以使用 createStore 函数来创建一个 Store：
import { createStore } from 'reduman';
const store = createStore(reducer);createStore 函数需要一个 Reducer 作为参数，然后它将返回一个 Store 实例。我们将其存储到一个变量中，以及后续的使用。
步骤3：创建 Actions
现在，我们需要实现我们在 Reducer 中定义的两个 Action：INCREMENT 和 DECREMENT。我们可以使用 createAction 函数来创建它们：
import { createAction } from 'reduman';
export const increment = createAction('INCREMENT');
export const decrement = createAction('DECREMENT');createAction 函数需要一个字符串类型的参数，它将作为 Action 的类型。
步骤4：Dispatch Action
最后，我们可以使用上述的 Actions 来 dispatch 一个 Action：
store.dispatch(increment()); // count: 1 store.dispatch(decrement()); // count: 0
我们首先调用 increment() 函数，它会 dispatch 一个 INCREMENT Action，从而将 count 增加 1。然后我们调用 decrement() 函数，它会 dispatch 一个 DECREMENT Action，从而将 count 减少 1。
示例
下面是一个完整的示例代码：
-- -------------------- ---- -------
------ - ------------ ------------ - ---- ----------
----- ------------ - -
------ --
--
-------- ------------- - ------------- ------- -
------ ------------- -
---- ------------
------ -
---------
------ ----------- - --
--
---- ------------
------ -
---------
------ ----------- - --
--
--------
------ ------
-
-
----- ----- - ---------------------
------ ----- --------- - --------------------------
------ ----- --------- - --------------------------
---------------------------- -- ------ -
---------------------------- -- ------ -总结
reduman 是一个优秀的 Redux 状态管理工具，它简单、易用，可以广泛应用于前端开发中。通过本文，你已经学会了如何使用 reduman，并通过示例代码打下了一个良好的基础。你可以在实际项目中自由地使用 reduman，并根据自己的需求进行修改和扩展。同时，你也可以参考 reduman 官方文档中更多的信息。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067008e361a36e0bce8ba7