Hello guys,

I'm wondering what is your favourite approach for handling state management across micro front-end apps?

For example:

我有许多运行时应用程序作为独立的应用程序,每个应用程序代表两到三个页面的流,然后我们必须通过一个容器/主机应用程序将它们全部连接起来.

每个流/微应用程序可能有自己的状态管理,然而,我们可能需要了解另一个微应用程序状态!

我发现了一种方法,将共享应用程序实现为全局状态,并且它必须与嵌套子应用程序连接.

此外,我还发现了一个NPM包,它负责跨多个微应用程序处理全球Reduxstore .

100

提前谢谢!

推荐答案

我会像https://micro-frontends.org/建议的那样使用https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent-我不认为在混合中引入另一个微前端仅仅是为了处理状态-它只会增加更多的复杂性.本着"DOM就是API"的精神(逐字引用自https://micro-frontends.org/),本机事件和CustomEvent应该发挥作用.需要与其他人交流的微前端会发出一个事件,其他人会收听.您可以想出自己的命名方案等.

Reactjs相关问答推荐

迁移到React Router Dom v6后,我是否错误地使用了Link组件?

try 在Dockerfile中使用AWS CLI将React构建工件上传到S3时出错

REACTJS:在Reaction中根据路由路径更改加载器API URL

React Router:在没有手动页面刷新的情况下,路由不会更新内容

这两个子元素在Reaction Native中使用的有什么不同?

如何使用TouchStart/TouchEnd在Table ReactJS中交换位置?

React Native - 如何处理错误带有有效负载的NAVIGATE操作..未被任何导航器处理?

React router v5 仅在生产中不适用于嵌套路由

Next.js i18n 路由不适用于动态路由

无法在 KeyDown 上调用 useCallback 函数

使用 Vite 的 React 中的路由无法正常工作(构建中)

使用 React.lazy 调试 webpack 代码拆分

添加 React/Redux 组件模板的 VS Code 扩展

我刚刚部署了我的 Vite React 站点,但我的图标/图像没有部署

React Router 6.4CreateBrowserRouter子元素不显示

未捕获的错误:操作必须是使用 redux/toolkit 的普通对象

react 路由路由加载器不适用于嵌套组件

CORS 政策:无访问控制允许来源-AWS 和 Vercel

如何将本地视频文件上传到 Google Cloud

Map 函数只返回 Array 中的图像