一、介绍
redux-yo 是一个用于快速构建 Redux 应用程序的 npm 包。它简化了 Redux 的配置，并提供了更方便的方式来 dispatch actions 和处理 state。此外，redux-yo 还支持 Redux 中间件。
二、安装
你可以使用 npm 或 yarn 来安装 redux-yo：
$ npm install redux-yo --save # 或 $ yarn add redux-yo
三、快速上手
下面是一个简单的 redux-yo 应用程序：
-- -------------------- ---- -------
------ - ----------- - ---- -----------
-- -- -------
----- ----------- - --------------
----- -------------- - -----------------
-- -- ------ --------
------ ----- ---------- - -- -- --
----- -----------
---
------ ----- ------------- - -- -- --
----- --------------
---
-- -- -------
----- ------------ - - --------- -- --
----- ------- - ------ - ------------- ------- -- -
------ ------------- -
---- ------------
------ - --------- ------------------- -- --
---- ---------------
------ - --------- -- --
--------
------ ------
-
--
-- -- -----
----- ----- - ---------------------
-- -- ----- --
------------------ -- -
------------------ ---------- ------------------
---
-- -------- -------
-----------------------------
-----------------------------
--------------------------------在上面的示例中，我们定义了两个 action 类型：ADD_COUNTER 和 RESET_COUNTERS，并定义了它们的 action creators。我们还定义了一个 reducer，它接受 state 和 action，并返回新的 state。最后，我们创建了一个 store，并使用 store.dispatch() 方法分发了这两个 action。
四、中间件
redux-yo 还支持 Redux 中间件。下面是一个使用 redux-logger 中间件的示例：
-- -------------------- ---- ------- ------ - ------------ --------------- - ---- ----------- ------ ------ ---- --------------- -- -- ------- -- --- -- -- ------ -------- -- --- -- -- ------- -- --- -- -- ----- ----- ----- - -------------------- ------------------------- -- -------- ------- -- ---
在上面的示例中，我们使用 applyMiddleware() 方法将 logger 中间件添加到 store 中，以便打印 state 变化的日志。你可以添加你自己的中间件或使用其他 npm 包中的中间件。
五、总结
redux-yo 提供了一种简单而快捷的方式来使用 Redux，它可以帮助你保存大量的开发时间。在这篇文章中，我们学习了如何使用 redux-yo 创建一个基本的 Redux 应用程序以及如何集成中间件。有了这些知识，你可以使用 redux-yo 更加方便地开发 React 应用程序。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60065f77238a385564ab6912