简介
Bredux 是一款基于 React + Redux 的状态管理工具，旨在提供一种更简单，更快捷，更高效的前端状态管理方式。
安装
使用 bredux 需要先安装 React 和 Redux，然后再安装 bredux，可以通过 npm 安装，命令如下：
npm install --save bredux
使用方法
创建 store
使用 bredux 首先需要创建一个 store。
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ - ----------- - ---- ---------
--- ------------ - -
------ -
--
--- ------- - ------ - ------------- ------- -- -
------ ------------- -
---- ------------
------ ----------------- ------ - ------ ----------- - - ---
---- ------------
------ ----------------- ------ - ------ ----------- - - ---
--------
------ ------
-
--
--- ----- - ---------------------订阅 store
可以通过 subscribe 方法订阅 store 的变化，在每次 store 发生变化时都会调用 subscribe 方法传入的函数。
store.subscribe(() => {
console.log(store.getState());
});获取 store state
可以通过 getState 方法获取 store 的 state。
console.log(store.getState());
dispatch action
使用 dispatch 方法可以触发 action，从而修改 store 的 state。
store.dispatch({ type: 'INCREMENT' });
store.dispatch({ type: 'DECREMENT' });连接 React 组件
使用 bredux.connect 高阶函数可以连接 React 组件和 store，将 store 中的 state 和 action 映射到组件的 props 中。
-- -------------------- ---- -------
------ ----- ---- --------
------ - ------- - ---- ---------
--- ------- - -- ------ ---------- --------- -- -- -
-----
---------- ------------
------- ------------------------------
------- ------------------------------
------
--
--- --------------- - ----- -- -
------ -
------ -----------
--
--
--- ------------------ - -------- -- -
------ -
---------- -- -- ---------- ----- ----------- ---
---------- -- -- ---------- ----- ----------- --
--
--
------- - ------------------------ -----------------------------总结
使用 bredux 可以轻松实现 React + Redux 的状态管理，可以大大简化业务代码，提高前端开发效率。本文介绍了 bredux 的基本使用方法，希望能对大家有所帮助。更多 bredux 的使用方法和示例可以参考官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaa18b5cbfe1ea061034c