使用共享redux状态实现Web应用程序分离

Question

我的目标是能够单独部署我的Web应用程序的一部分。

我想将我的webapp分成具有共享redux状态的部分。 我不知道如何开始。

有可能吗？ 分享国家的最佳做法是什么？ 是否可以从一个应用程序路由到另一个应用程序？

Answer 1

无法直接将Redux状态共享给另一个Web应用程序，但您可以使用数据库在重定向链接到用户之前存储最后一个状态，并在创建reducers时将其初始化为初始状态。 E.g：

const initialState = getStateFromDB(userid);

export default (state = initialState, action) => {
  switch (action.type) {
    case 'SHOW_LOADING':
      return {...state, loading: true}
    case 'HIDE_LOADING':
      return {...state, loading: false}
    case 'SHOW_MESSAGE':
      return {...state, showingMessage: true, message: action.message}
    case 'HIDE_MESSAGE':
      return {...state, showingMessage: false, message: ''}
    //whatever actions
    default:
      return state;
  }
};

Answer 2

如果通过分离，一般意味着不同的反应实例，那么......

阶段1（数据库）

您必须依赖数据库并连接到它。

第2阶段（更多数据库w /会话）

如果使用特定选项，则必须在数据库/中间件中进行会话管理。

第3阶段（套接字）

如果数据需要始终保持同步，那么您可以使用网络套接字添加中间件。

......至少，这就是我最终会怎样做的。