扩展 Redux Minimal答案

【问题标题】：Extending Redux Minimal扩展 Redux Minimal
【发布时间】：2017-09-21 16:15:15
【问题描述】：

我正在尝试通过扩展 Redux Minimal 样板来创建 React Redux 应用程序：https://redux-minimal.js.org/

此样板当前管理用户列表。我想将它扩展到另一个页面来管理第二种类型的项目（在我的示例中是体育运动员），以帮助我理解。有没有人有这个样板的简单扩展的例子，或者可以建议如何以这种方式扩展它的一般方法？

到目前为止我采取的行动：

api - 创建第二个 player.js 的 API 文件，与 users.js 相同，但返回一个玩家数组
reducers/ - 添加了 player.js 的第二个 reducer，与 users.js 相同，但变量和常量名称在整个过程中发生了变化
reducers/index.js 为我的播放器减速器添加了导入。添加了播放器：在减速器末尾的播放器用户：用户，[对此不确定]
sagas/ - 添加了第二个玩家传奇，它调用上面的玩家 api，变量和常量名称在整个过程中都发生了变化
sagas/index.js - 添加了玩家 sagas 的导入并添加了相应的 sagas 到函数中
路由器 - 为我的播放器组件添加路由
components/common - 添加了各种 User... 文件和 Player... 文件的副本，其中变量名在整个过程中发生了变化
components/App.js - 对此不太确定。我在 componentWillMount() 中添加了一个 props.dispatch 来调用我的 PLAYERS_FETCH_LIST，因为我假设它们需要在应用程序启动时加载，但我不确定是否应该只在访问播放器组件路由时调用它，并且此时添加到状态。将玩家添加到要返回的 mapStateToProps。
components/Player.js - 调用 PlayerList 组件的新页面

【问题讨论】：

【解决方案1】：

如果你不熟悉 React，

A) 如果你还不需要 Redux，你不必学习/使用它，它故意复杂，当你需要使用它时你会弄清楚如何使用它。 React 有一个内置的状态系统，建议从它开始，当你需要在组件之间共享它时，提升状态。

B) 如果你还想学 Redux，暂时不要管 redux-sagas，这绝对不是 redux 的要求，特别是如果你还在自学 redux。

所以，如果我是你，我会放弃 redux-minimal 并找到一个很好的教程来引导你了解 redux 基础知识（只有在你对自己的 React 知识有信心之后）

【讨论】：