2017-10-11 53 views
1

我想爲簡單的視頻播放器建模。它有3個主要特點:視頻播放器的Redux狀態設計

  • 切換到下一個視頻
  • 切換到上一個視頻
  • 切換到視頻在某些指標

我下一組的可用選項對我說:

  1. 3操作。 3個啞巴動作創作者。所有用於驗證的邏輯都將存在於縮減器中。

  2. 1操作。 3個動作創作者可以訪問getState

  3. 1操作。 1動作創作者。 Next和Prev在從state映射到組件props時在select函數中構造。

我應該選擇什麼樣的選項?爲什麼?

我關注更多的慣用做法比約使它工作(全部3將IMO工作)

回答

1

我想你應該考慮你的第一選擇,但添加的所有邏輯的行動創造者和進入減速。

的原因: 你有三個不同的動作,切換到下一個/上等等,這在邏輯上有三個不同的動作適合(最有可能清楚地在UI用戶傳遞)。

動作創建器允許您保持減速器很薄,並且只負責更新狀態(因此可以輕鬆組成減速器)。

順便說一下,在redux中,您可以自由地在動作創建者和縮減器中添加業務邏輯,這取決於您的設置和組織,並且沒有對錯。

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