扩展Redux Minimal

时间:2017-04-24 20:36:38

标签: reactjs redux react-redux redux-saga

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

此锅炉板目前管理用户列表。我想将它扩展为另一个管理第二类项目的页面(在我的例子中是体育运动员),以帮助我理解。有没有人有这个样板的简单扩展的例子,或者可以就如何以这种方式扩展它的一般方法提出建议?

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

  • api - 创建第二个player.js的API文件,与users.js相同但返回一组玩家
  • reducers / - 添加了第二个与users.js相同的players.js减少器,但变量和常量名称都在变化
  • reducers / index.js为我的玩家减速机增加了导入功能。添加了玩家:在用户之后减速机末端的玩家:用户,[对此不太确定]
  • sagas / - 添加了第二个玩家传奇,它们调用了上面的玩家api并且变量和常量名称都在变化
  • sagas / index.js - 为玩家传奇添加了导入并添加了相应的传奇功能
  • 路由器 - 为我的播放器组件添加路线
  • components / common - 添加各种User ...文件的副本,其中Player ...文件的变量名称在整个
  • 中发生了变化
  • components / App.js - 相当不确定这个。我添加了一个props.dispatch来调用componentWillMount()中的PLAYERS_FETCH_LIST,因为我认为它们需要在应用程序启动时加载,但我不确定是否只应在访问播放器组件路径时调用它,并且此时加入了州。添加了要返回的mapStateToProps的玩家。
  • components / Player.js - 调用PlayerList组件的新页面

1 个答案:

答案 0 :(得分:0)

如果您不熟悉React,

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

B)如果你还想学习Redux,暂时不要使用redux-sagas,这绝对不是redux的要求,特别是如果你还在学习redux的话。

所以,如果我是你,我会放弃redux-minimal并找到一个很好的教程,引导你通过redux基础知识(只有在你对你的React知识有信心之后)