简介
Slim-Redux 是一个基于 Redux 的状态管理库，相比 Redux 易于使用，需要较少的模板代码，同时保留了 Redux 的强大功能。Slim-Redux 适用于中小型项目，特别是 React 和 React Native 项目。
安装
你可以使用 npm 进行安装：
--- ------- ------ ----------
配置
在你的应用中引入 Slim-Redux：
------ --------- ---- ------------
然后，你需要创建一个 store，类似于 Redux 中的 store：
----- ----- - ------------------------------
使用
Slim-Redux 主要有两个 API： getState 和 dispatch。
getState
getState 类似于 Redux 中的 getState，获取当前 store 中的 state。
----- ----- - ----------------
dispatch
dispatch 类似于 Redux 中的 dispatch，用于向 store 中 dispatch actions。
---------------- ----- ----------- --
Reducer
你可以使用传统的 Redux reducer，也可以使用 Slim-Redux 的 reducer：
------ - ------------- - ---- ------------ ----- ------------ - - ------ - - ----- ------- - ----------------------------- ------------ ------- -- -- --------- ------ ----------- - - --- ------------ ------- -- -- --------- ------ ----------- - - --- --
你可以发现，Slim-Redux 的 reducer 写起来更加简洁，没有 switch-case 语句。
Middleware
你也可以使用 Middleware 来增强 Slim-Redux 的功能。可以使用类似 Redux 的中间件，例如 redux-thunk 和 redux-logger。
------ - --------------- - ---- ------------ ------ ----- ---- ------------- ------ ------ ---- -------------- ----- ----- - ------------------------------ ---------------------- --------
示例代码
下面是在 React 中使用 Slim-Redux 的示例：
------ ------ - --------- - ---- -------
------ --------- ---- ------------
----- ------------ - - ------ - -
----- ------- - -----------------------------
------------ ------- -- -- --------- ------ ----------- - - ---
------------ ------- -- -- --------- ------ ----------- - - ---
--
----- ----- - ------------------------------
----- ------- ------- --------- -
--------- - -- -- -
---------------- ----- ----------- --
-
--------- - -- -- -
---------------- ----- ----------- --
-
-------- -
----- - ----- - - ----------------
------ -
-----
--------- -----------
------- -----------------------------------
------- -----------------------------------
------
-
-
-总结
Slim-Redux 是一个小而美的状态管理库，适用于中小型项目。Slim-Redux 相比 Redux 更加易于使用，同时保留了强大的功能。Slim-Redux 值得一试。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60055cb881e8991b448da3f0