视频播放器

时间:2017-10-11 13:45:57

标签: javascript redux

我想模拟简单的视频播放器。它有3个主要特征:

  • 切换到下一个视频
  • 切换到上一个视频
  • 切换到某个索引处的视频

我可以使用下一组选项:

  1. 3个动作。 3个哑巴动作创作者。验证的所有逻辑都将存在于reducer中。

  2. 1动作。 3位有权访问getState的动作创作者。

  3. 1动作。 1动作创作者。从select到组件state进行映射时,将在props函数中构建Next和prev。

  4. 我应该选择哪些选项?为什么?

    我更关心惯用的方法,而不是让它起作用(所有3个都可以工作)

1 个答案:

答案 0 :(得分:1)

我认为你应该考虑你的第一个选择,但是在动作创建者和减速器中添加所有逻辑。

原因: 您有三个不同的操作,切换到next / prev等等,逻辑上适合三个不同的操作(最有可能由UI中的用户清楚地调度)。

动作创建器允许您保持减速器变薄,并且只负责更新状态(因此减速器可以轻松组合)。

顺便说一句,在redux中,您可以自由地在动作创建者和减少者中添加业务逻辑,这实际上取决于您的设置和组织,并且没有对错。

有趣的文章: http://redux.js.org/docs/faq/CodeStructure.html#structure-business-logic