简介
redux-parts 是一个简单易用的 redux 工具，它基于 reducer 和 action 进行封装，用以减少数据管理的复杂度和重复性的代码编写。
redux-parts 具有如下特点：
- 简化 action 的编写，统一 action 的处理方式。
- 可以根据不同需求组合 reducer 和 action，形成自己的状态管理模块。
- 基于 immer.js，可以进行异步操作。
安装
我们可以使用 npm 进行安装：
npm install redux-parts --save
使用
定义状态模块
我们定义一个状态模块，用来管理用户列表的信息，包含三个 action：ADD_USER、DELETE_USER、GET_ALL_USERS。
-- -------------------- ---- -------
-- -------
------ - ---------- - ---- --------------
------ ----- -------- - ------------
------------- - ------ -- --
--------- -
--------- ------- ------- -- -
---------------------------------
--
------------ ------- ------- -- -
----------- - ----------------------- -- ------- --- -------------------
--
--
-------- -- -------- -- -- --
----- --------------- -
----- ----- - ----- ---------------------------------------------- -- ------------
---------- ----- ----------- -------- ----- ---
--
---
---创建 store
-- -------------------- ---- ------- -- -------- ------ - ------------ --------------- - ---- -------- ------ - -------- - ---- --------- ----- ----------- - ----------------- ----- ----------------- --- ------ ----- ----- - -------------------------
使用
我们可以通过 store 的 getState()，来获取当前的一些信息：
const users = store.getState().user.users; console.log(users);
也可以通过 dispatch()，来触发 action：
store.dispatch(userPart.actions.ADD_USER({ id: 1, name: '测试用户' }));或者使用异步的 action：
store.dispatch(userPart.actions.GET_ALL_USERS());
总结
redux-parts 是一个非常好用的 redux 工具，它可以帮助我们降低数据管理的复杂度，同时还能提高开发效率。通过本篇文章的介绍，相信大家已经对 redux-parts 有了一定的了解。希望这篇文章能够对大家的学习和指导有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600562a281e8991b448dfd3f