简介
redux-lego 是一个用于简化 Redux 应用程序开发的库，可以帮助开发人员减少手动编写 Redux 代码的时间和精力。使用 redux-lego，您可以快速创建 Redux store、reducer、action 和 middleware，并在多重场景下复用。
安装
使用 npm 安装 redux-lego:
npm install redux-lego
使用
创建 Store
通过 redux-lego，您可以使用以下代码轻松地创建 Redux Store：
-- -------------------- ---- -------
------ - ----------- - ---- -------------
----- ------------ - - ------ - --
----- ------- - ------ - ------------- ------- -- -
------ ------------- -
---- ------------
------ - ------ ----------- - - --
---- ------------
------ - ------ ----------- - - --
--------
------ ------
-
--
----- ----- - ---------------------添加 Middleware
使用 redux-lego，您可以将 middleware 添加到 store 中，以改变 dispatch 流程。
-- -------------------- ---- ------- ------ - ------------ --------------- - ---- ------------- ------ --------------- ---- -------------- ----- ------- - ------ - ------------- ------- -- - -- ---- ------- -- ----- ---------- - ------------------ ----- ----- - -------------------- --------------------------------
创建 Action Creator
通过 redux-lego，您还可以轻松地创建并复用 Action Creator 函数：
import { createAction } from 'redux-lego';
const incrementAction = createAction('INCREMENT');
// 调用
store.dispatch(incrementAction());使用 Selector
通过 redux-lego，您还能使用 Selector 过滤 store 的状态：
-- -------------------- ---- ------- ------ - -------------- - ---- ------------- ----- -------- - ----- -- ------------ ----- --------- - ------------------------ ----- -- ----- - - --- --- -- -- ----- ----- - ----------------- ----- ------ - -----------------
使用 duck（鸭子）模式
使用 Duck 模式，将 reducer、action 和 selector 集合在一起，依照功能或逻辑等拆分对应的 Duck。
-- -------------------- ---- ------- -- -------------- ------ - ------------- -------------- -------------- - ---- ------------- ----- --------- - -------------------------- ----- --------- - -------------------------- ------ ----- --------------- - ------------------------ ------ ----- --------------- - ------------------------ ----- ------------ - - ------ - -- ----- -------------- - --------------------------- - ------------ ----- -- -- ------ ----------- - - --- ------------ ----- -- -- ------ ----------- - - --- --- ----- --------------- - ----- -- -------------- ------ ----- -------- - ------------------------------- ------- -- --------------- ------ ----- --------- - ------------------------ ----- -- ----- - - --- --- ------ ------- ---------------
-- -------------------- ---- ------- -- -------- ------ - ------------ --------------- - ---- ------------- ------ -------------- ---- ---------------- ----- -------- - - -------- --------------- -- ----- ----- - ---------------------------------------
最大限度地减少 Redux Boilerplate
通过 redux-lego，您不再需要编写大量的 Redux 代码。
例如上面的 Duck 代码中，我们已经省略了大量的 Redux 行为类型、编写 reducer 的代码，以及编写各种 action 的代码，而且还能更好地组织代码。
示例
可以查看官方示例。
结论
本篇文章介绍了 Redux 的 npm 包 redux-lego 的使用教程。通过使用 redux-lego，您可以最大限度地减少 Redux Boilerplate。此外，使用 Redux 确实需要一定的学习成本，但是 redux-lego 将其简化，让开发更加简单易懂。
欢迎各位开发者使用 redux-lego 构建自己的 Redux 应用程序，希望能对您有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066ffee361a36e0bce8a52