“连接”两个独立的反应应用程序的最佳实践

Question

让我们说我们有两个反应应用程序。我们想要连接它们。 “连接”是指将数据从一个传递到另一个。

一个选项是导出第二个应用程序的Main组件并将其作为子模块包含，然后将其导入第一个应用程序并定义我们的路由器

import SecondApp from 'secondApp';
    ...
    <Provider store={ store }>
        <Router history={ appHistory }>
            <Route path='/' component={ FirstApp } />
            <Route data={ someData } path='/pathb' component={ SecondApp } />
        </Router>
    </Provider>

另一个选择是不将它作为子模块，而是单独部署（因此它将使部署更容易）并且需要来自服务器的数据。

另一种选择是单独部署它，但是通过localStorage传递数据。

可能有更多选项，但哪些是最佳做法（如果有）以及为什么？