带有动态 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/
通过装饰器将您的组件与商店连接起来,然后开始吧,工作简单而雄伟。
希望它对某人有用。
我的应用程序上的 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/
通过装饰器将您的组件与商店连接起来,然后开始吧,工作简单而雄伟。
希望它对某人有用。