我决定重构我们的单体前端应用程序。我读了很多关于微前端和单回购方法的文章。决定合并这两种架构方法并同时使用。
我将拥有包含所有微前端子应用程序（单独的项目）的应用程序文件夹。它们将单独构建，构建后将捆绑为一个单元（用于 Web 组件）；
我听说很多不建议进行代码共享，但我决定拥有 libs 文件夹并将所需的所有内容放入子应用程序中。
因此，一旦我用 NX 完成了这个文件夹结构，我将构建自己的引导程序或协调器。所有构建都将作为 Web 组件加载，因为它们提供了很多好处。我被迫为编排器编写自己的路由，以便能够根据路由加载相应的 Web 组件。
但是，有一个很大的挑战。我需要子应用程序之间的通信。例如，如果在标题应用程序中单击用户名，我想将弹出窗口加载到另一个微应用程序中。所以我想要像 Ngrx、Reduxs 这样的通信......但是它们将当前状态存储到内存中，因此它们只能在特定范围内访问。
你有任何想法或经验如何强制像 ngrx 和 redux 这样的库在浏览器级别工作吗？我想调度可用于另一个子应用程序的事件。我找到了一种方法，redux 在本地存储上工作。还有其他想法吗？