模塊化ReactJS應用程序 - 混亂

現在我們擁有構建完整SPA所需的一切（路由：react-router，async：sagas，state：redux等）。架構和創建這種應用程序的過程對我來說很簡單，但是當我需要創建具有幾個獨立模塊的網站並且他們需要彼此交流時，問題就開始了。例如，在Facebook上有幾個地方可以告知用戶他有新消息，或者當我們從用戶列表中單擊用戶時創建新的聊天室。使用React開發工具，我們可以看到創建了新的獨立組件。在SPA中有一個根組件，其中的全部內容都在其中。所以我的問題是如何解決這種問題？即創建小模塊並提供它們之間的通信？模塊化ReactJS應用程序 - 混亂

來源

2016-10-22 Dawid Skrzypczyński

您可以使用Redux。 Redux允許您使用全球商店，其功能類似於React Component。您可以隨時隨地更新全球商店，並且每當商店更新時，REDX會更新其他組件。

Redux on Github

來源

2016-10-22 11:46:20

終極版商店連接到連接到一些根組件供應商，所以這是不是這樣的，因爲在這種方法中一切都必須是此提供我想有幾個不分層模塊，而不是內部。想象一下，你有一個網站，你可以下注一些體育賽事，爲了簡單起見，我們假設我們有用戶面板存儲當前的用戶餘額和簡單的框，你可以選擇事件和下注。網站不是SPA（其他所有內容都由服務器提供），您只需要使用ReactJS來完成這兩件事情，即更新用戶帳戶餘額和下注事件。這是一個問題 –

但使用一個全局父項的問題是什麼？如果您不想使用全局存儲，請告訴我'window'全局變量和全局存儲之間有什麼區別，在這兩種情況下，您都有一個通用的單一全局父項。 –

他們之間只有兩點不同。 1）與'window'對象不同，Redux實現'Observer'設計模式。 2）Redux Store是一個「不可變」的對象。 –

模塊化ReactJS應用程序 - 混亂

回答

相關問題