javascript - 视频播放器的 Redux 状态设计

Question

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

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

我有下一组可用的选项:

1. 3 个 Action 。 3 个愚蠢的 Action 创作者。所有验证逻辑都将存在于 reducer 中。

2. 1 个 Action 。 3 个可以访问 getState 的 Action 创建者。

3. 1 个 Action 。 1 Action 创作者。 state映射到组件props时，在select函数中构造了next和prev。

我应该选择哪些选项，为什么？

我更关心惯用的方法而不是让它起作用(所有 3 个都会起作用 imo)

Answer 1

我认为您应该考虑您的第一个选项，但将所有逻辑添加到 action creator 和 reducer 中。

原因:您有三个不同的操作，切换到下一个/上一个等等，这在逻辑上适合三个不同的操作(很可能由用户在 UI 中明确调度)。

action creator 允许您保持 reducer 精简，并且只负责更新状态(因此可以轻松组合 reducer)。

顺便说一句，在 redux 中，您可以在 action creator 和 reducer 中自由添加您的业务逻辑，这实际上取决于您的设置和组织，没有对错之分。

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