2016-12-14 18 views
0

我有應用程序,我有辦公室列表和工作場所列表(工作場所屬於辦公室)。在他們兩個你可以添加筆記,物品(即這個地方很小/這個有打印機/這個辦公室有一個辦公室的打印機等)如何使動態創建的多個兒童商店的正確實施

問題 - 管理我打算使用的筆記和項目共享組件呈現爲彈出式窗口,並且可以在屏幕上多次顯示(例如,比較兩個位置)。我想不出的是如何在redux中正確執行此操作。我不能有一個商店的組件。如果我在每個辦公室/工作場所放置一家商店 - 那麼我擔心我會使用太多內存(因爲它應該關注在10個辦事處之間分散的高達約10000個工作場所,每個工作場所最多可以有20個商品+筆記)。而且我找不到任何其他方式來存儲組件,只有在顯示組件時纔會創建它,然後它將與組件一起工作以使組件工作,然後組件關閉時它將被銷燬。

問題 - 如何正確設置,這樣我可以儘可能多地使用redux,並且它不會在本地存儲所有數據?

[附加信息]

  • 從分析(而且從應用的目標),我看到這個名單將會在較長時間內使用一次,當他們需要從服務器在開始加載數據,然後做一些動作,然後完成。
  • 總的來說,項目/備註有很大的變化,但對工作場所/辦公室的更改量很小,通過AJAX輪詢進行檢查。我想避免AJAX輪詢/套接字的所有細節 - 因爲這將意味着大數據流客戶端
+0

這個想法是在redux中只使用一個單獨的商店。爲什麼不簡單地在商店內創建一個* workplaceLists *數組? – Robert

+0

這是一個想法,但這意味着,在極端的條件下,這可以有一個10K項目(裏面有20個項目) - 我只是不確定這是我想要的。從我從分析中知道的情況來看,大多數情況下我需要這個項目一次(顯示細節)每個應用程序運行,而在同一時間的應用程序可以運行很長一段時間 – SergeS

回答

1

有10000+項目是完全沒問題的。實際上,High Performance Redux上的這個滑動集比較了僅包含連接到Redux的列表組件的10K項列表的行爲,與連接了每個列表項的10K項目列表的比較,並且演示了10K連接列表項示例是很多更快。

另請參閱http://redux.js.org/docs/faq/Performance.html#performance-scaling以獲取有關性能的更多信息,https://github.com/markerikson/redux-ecosystem-links/blob/master/component-state.md指向可幫助實現存儲在Redux中的每個組件狀態的庫的鏈接。

+0

謝謝,我特別是第二個鏈接解決我的問題: - ) – SergeS