Flux with dynamic reactjs page

本文关键字：page reactjs dynamic with Flux 更新时间：2023-09-26

我有一个问题与flux实现在我的应用程序。

场景如下:

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

我们需要什么:

我们需要一个FLUX结构，允许我们只从存储中加载我们需要的东西，避免不必要的负载。

我尝试使用Redux，但问题是:

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

所以，这里的问题是:我如何构建我的应用程序使用flux与动态页面和多个实例从一个组件?

我认为你要做的是所谓的"延迟加载"。所以你只会在需要的时候加载组件和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

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

希望有人使用上面的提示。对于简单的屏幕效果很好，但是对于复杂的页面效果很差。

最好的方法是实现简单的flux架构，如下所述:

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

通过decorator将你的组件与store连接起来，然后使用它，works simple majestic

希望对大家有用。