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