简介
bingouse 是一个轻量级的前端状态管理库，它基于 Redux 和 React Hooks 实现，可以帮助开发者更简单地处理全局状态和副作用。bingouse 的特点包括：
- 轻量级，只依赖于 Redux 和 React Hooks，没有其他依赖
- 简单易用，只需几行代码就可以配置
- 支持异步操作，提供了异步操作的流程控制
在 bingouse 中，我们将全局状态统一管理，在应用的各个组件中只关注局部状态的变化。
安装
通过 npm 安装 bingouse ：
--- ------- -------- ------
bingouse 依赖 redux 和 react-redux，如果你的项目中还没有安装这两个库，需要先安装它们：
--- ------- ----- ----------- ------
快速开始
首先在你的项目中创建一个 store.js 文件，并导入 redux 和 bingouse：
------ - ----------- - ---- -------
------ - -------------- - ---- ----------
-- ------- -------
----- ------------ - - ------ - -
----- ------- - ------ - ------------- ------- -- -
------ ------------- -
---- ------------
------ - ------ ----------- - - -
---- ------------
------ - ------ ----------- - - -
--------
------ -----
-
-
-- -- ----- - --------
------ ----- ----- - --------------------
------ ----- - ----------- - - ---------------------在你需要使用全局状态的组件中，使用 useBingouse hook 来获取全局状态和 dispatch 函数：
------ - ----------- - ---- ---------
-------- --------- -
----- ------- --------- - -------------
------ -
-----
------ -------------
------- ----------- -- ---------- ----- ----------- --------------
------- ----------- -- ---------- ----- ----------- --------------
------
-
-这样你就完成了一个最简单的使用 bingouse 的示例。
异步操作
bingouse 提供了三个函数来处理异步操作：async、await、then。使用这三个函数可以更加清晰地表达异步操作的流程。
下面是一个使用异步操作的示例：
------ - ------------ ----- - ---- ---------
-------- ----- -
----- ------- --------- - -------------
----- --------- - ----------- -------- -- -
----- -------- - ----- ---------------------------------------------
----- ---- - ----- ---------------
---------- ----- ----------- -------- ---- --
--
------ -
-----
------- ------------------------- -------------
----------- -- -
-----
---- --------------------------- --------------------- --
--------------------------
------
--
------
-
-上面的代码中，我们定义了一个 fetchUser 函数，它使用 async 和 await 处理了异步流程，然后传入 async 函数中的 dispatch 函数中处理全局状态。在组件中，我们直接调用 fetchUser 即可触发异步操作。
总结
bingouse 是一个简单易用的前端状态管理库，它可以帮助开发者更好地处理全局状态和副作用。使用 bingouse，我们可以将全局状态从组件中抽离出来，更加专注于局部状态的变化，以提高应用的可维护性和可扩展性。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066b6051ab1864dac67225