2016-11-16 55 views
2

我的應用程序中的flux實現有問題。Flux with dynamic reactjs頁面

繼承人的情景:

我們是一個網站建設者plataform,我們有我們不知道會被渲染頁面。它完全動態,因用戶而異。 我們有很多不同的組件可能無法在頁面上加載,並且每個組件可能有多個實例。

我們所需要的:

我們需要一個FLUX結構,使我們從商店需要我們只加載,避免不必要的有效載荷。

我一直在使用Redux的嘗試,但存在的問題是:

首先,我們無法加載所有減速一次,但一些研究後,我製造了一個按需加載減速機的接口。但後來我無法解決組件中的多個實例的問題,因爲存儲文件需要所有狀態pre-refferenced:/

所以,這裏有一個問題:我如何構建我的應用程序,以便將動態頁面來自組件的多個實例?提前致謝。

回答

0

好了,經過幾(很多)更多的研究和嘗試,我會實現使用陣營+ Flux.Dispatcher +骨幹網解決方案的建議在這裏:

https://www.toptal.com/front-end/simple-data-flow-in-react-applications-using-flux-and-backbone

===========================

希望任何人都使用過上面的提示。在簡單的屏幕上工作得很好,用複雜的頁面慢慢地,慢慢地。

最好的辦法是實現簡單的流量架構中描述:

https://scotch.io/tutorials/getting-to-know-flux-the-react-js-architecture https://blog.risingstack.com/the-react-js-way-flux-architecture-with-immutable-js/

通過裝飾商店將設備連接,併爲它去,工作簡單雄偉。

希望對某人有用。

0

我認爲你所要做的就是所謂的「延遲加載」。所以當你需要的時候,你只需要加載組件和部分的javascript。

在這裏您可以找到有關(你需要生成的代碼的WebPack一束或多束)的更多信息: https://blog.risingstack.com/react-js-best-practices-for-2016/

我需要這在幾個月的一個項目,但現在我們的MVP,我們只需要爲了讓事情運行:)

+0

感謝您的貢獻,@ tulio-faria。 我們已經在我們的應用上使用了延遲加載,我們通過webpack塊提供了所有需要的內容。 我們想要的是存儲所有狀態並通過操作(也是集中式)管理它們的地方。 Redux很棒,直到這些問題涌出:/ –