redux - 共享 Redux 不同的应用商店.. 怎么样？

Question

我在这里有点头疼。我有两个应用程序。它们是单独的工具。但是，工具 1 之一使用工具 2 的一部分。工具 1 如何进入工具 2 Redux 状态？是否有一个中间件可以让我以某种方式绑定它们。

TOOL APP1 --- 有自己的 redux 商店 TOOL APP2 --- 有自己的 redux 商店

我需要来自 APP2 的 APP1 行为。因此，与其“构建”一个新版本，不如导入 APP2 的子部分并使用它......现在，问题来了。APP1 现在需要知道如何设置和检索它存储在 APP2 子组件中的状态......

有没有一种方法可以让 redux 做到这一点，或者？

更糟糕的是，我想我可以将 APP2 子组件状态存储在 localStorage 或 redis 等中。然后我可以用它来水合 APP1 .. 但是....

Answer 1

没那么难。

你可以通过提供共享的容器组件（通过调用connect()react-redux 来包装）、共享的 Reducers、共享的 Actions（使用 Action Creators）和共享的中间件来实现。然后，您在主应用程序中使用容器组件、插入 Reducer 并应用中间件。

这是一个包含共享自包含组件的演示应用程序。
https://github.com/kuy/popover-profile

时间线应用：在线演示
消息应用：在线演示

请将用户名悬停在页面中。您将获得弹出配置文件。

这两个应用程序共享一个 Popover Profile 组件，例如 Gmail 或 SoundCloud 的鼠标悬停名称上的配置文件工具提示。该组件不仅共享状态，还与（假）API 服务器通信。这可以通过使用redux-saga的共享中间件来完成。