带有动态 reactjs 页面的 Flux

Flux with dynamic reactjs page

我的应用程序上的 flux 实现有问题。

场景如下:

我们是一个网站构建平台,我们有一些页面我们不知道会呈现什么。它完全是动态的,因用户而异。 我们有很多不同的组件可能不会加载到页面上,每个组件可以有多个实例。

我们需要什么:

我们需要一个 FLUX 结构,它允许我们只从存储中加载我们需要的内容,避免不必要的负载。

我试过使用 Redux,但问题是:

首先,我们无法一次加载所有的 reducer,但经过一些研究,我构建了一个能够按需加载 reducer 的接口。但是后来我无法解决组件中多个实例的问题,因为存储文件需要预先引用所有状态:/

那么,问题来了:我如何构建我的应用程序以将 flux 与动态页面和来自组件的多个实例一起使用?提前致谢。

我认为你正在尝试做的事情叫做 "lazy loading"。因此,您只需在需要时加载 javascript 的组件和片段。

在这里您可以找到更多信息(您需要使用 webpack 生成更多代码包): https://blog.risingstack.com/react-js-best-practices-for-2016/

我将在几个月后的项目中需要它,但现在在我们的 MVP 中,我们只需要制作东西 运行 :)

好吧,经过一些(很多)更多的研究和尝试,我将按照此处的建议使用 React + Flux.Dispatcher + Backbone 实施解决方案:

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/

通过装饰器将您的组件与商店连接起来,然后开始吧,工作简单而雄伟。

希望它对某人有用。