在前端开发中，状态管理十分重要。Redux 是一个流行的状态管理库，广泛使用于 React 生态系统。但是，Redux 的使用成本较高，需要开发者编写许多样板代码，并且需要逐渐熟悉其理念和用法。可能有一些人感到犹豫，无法快速上手。为了解决这个问题，我们可以使用一个 npm 包叫做 redux-ize，它提供了一个简化了 Redux 的使用方法，能够让开发者更轻松地上手 Redux。
1. 安装与配置
在使用 redux-ize 之前，我们需要先安装依赖，可以使用 npm 命令：
npm install --save redux react-redux redux-ize
该命令会安装所需的依赖包。
在 Redux 中使用 redux-ize 需要进行少量的配置。修改您的 store.js 文件，将 createStore 的定义从：
import { createStore } from 'redux';修改为：
import { createStore, compose } from 'redux';
import { devToolsEnhancer } from 'redux-devtools-extension';
import { getReducers } from 'redux-ize';这样就可以使用 redux-ize 包中的 getReducers 方法来获取一个集成了所有 Reducer 的 Redux Reducer 对象。之后我们使用 createStore 来创建 Redux Store，将 getReducers() 返回的值作为参数传递给 createStore 方法，其中 devToolsEnhancer 是一个用于调试的经典扩展应用。
现在，我们可以愉快的使用 redux-ize。
2. 比较通用的约定
对于一个应用程序中，我们经常需要进行一些全局配置，如 locale 和 token。我们可以使用 redux-ize 提供的 configReducer 来实现这一点：
-- -------------------- ---- -------
------ - ----------- - ---- ------------
----- ------------------ - -
------- --------
------ ---
--
----- ------------- - ------ - ------------------- ------- -- -
------ ------------- -
---- -------------------------
------ - --------- ---------------- --
--------
------ ------
-
--
------ ------- --------------其中，updateConfig 是 redux-ize 默认配置的 action type。上述代码中的 configReducer 已经包含了一个默认配置对象，可以将其传递到 redux Store 中。
-- -------------------- ---- ------- ------ - ------------ ------- - ---- -------- ------ - ---------------- - ---- --------------------------- ------ - ----------- - ---- ------------ ------ ------------- ---- ----------- ----- ------- - ------------- ------- ------------- --- ----- ----- - ------------ -------- --------------------------- --
之后，我们可以在需要设置应用程序全局配置的地方，分发 updateConfig action。
-- -------------------- ---- -------
------ - ----------- - ---- ------------
----------------
----- -------------------------
------- -
------- --------
------ ------------
--
---3. CRUD 操作
Redux 可以用于进行 CRUD (Create, Read, Update, Delete) 操作并管理应用程序状态。Redux 将操作封装为 action 。然后，我们可以使用 redux-ize 包中提供的 createReducer 函数来生成 Reducer。
-- -------------------- ---- -------
------ - ------------ ------------- - ---- ------------
----- ------------ - -
------ ---
--
----- ------------ - --------------------------- -
------------------------- ------- ------- -- --
---------
------ ---------------- -------------
---
------------------------- ------- ------- -- --
---------
------ ---------------------- -- -
-- -------- --- -------------- -
------ -
--------
---------------
--
-
------ -----
---
---
------------------------- ------- ------- -- --
---------
------ ------------------------- -- ------- --- ---------------
---
---
------ ------- -------------现在，启动 store 并在应用程序中使用 tasksReducer。
-- -------------------- ---- -------
------ ------------ ---- ----------
----- ------- - -------------
------ -------------
------- --------------
---
----- ----- - ------------
--------
---------------------------
--
----------------
----- -----------------------
----- -
--- ----
----- ----- ---
-------- ------ -------
--
---
------------------------------上述示例代码中，我们通过 createTask action 创建了一个新的任务。 updateTask 和 deleteTask 均演示了相对应的操作。由于所有 reducer 已经集成在 redux 中，我们可以通过一个 store 实例中调用其中的任意一个 state -- 而不必担心管理时的冲突。
4. 总结
使用 redux-ize 包的优点是显而易见的：使得开发者可以更加简单、清晰和快速地理解并使用 Redux。但是，使用包中的默认约定也存在着一些问题。例如，使用默认的 updateConfig action type 可能会在多个 reducer 中造成冲突。为了避免这些问题，我们需要在使用 redux-ize 的同时也要充分理解 Redux，并根据需要进行调整。
为了有效而优雅地分离工作流程，为项目使用 redux-ize 势必是不同的开发者的共同目标，这需要充分理解这个包的优势、注意事项及其约定，这些内容可以通过 GitHub 来查看。
Github 地址：https://github.com/palantir/redux-ize
我们希望您经过这个使用教程后，能够更好的理解和使用 redux-ize 包，以使得开发工作更加高效且不繁琐。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600567fe81e8991b448e423c