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

Question

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

TOOL APP1 ---有自己的redux store
TOOL APP2 ---有自己的redux store

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

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

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

Answer 1

没那么难。

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

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

时间线应用程序:Online Demo
留言应用:Online Demo

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

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