reactjs - Big App 中的 Split Reducer

Question

我尝试通过我的应用程序中的不同逻辑部分来组织我的 reducer (combineReducers)。

例子

user: ...,
app: ...,
news: ...,
etc.

但是有一些问题。我构建了一个大型社交媒体应用程序(不完全是)，我只有 2 个缩减器，如 app 和 user，应用程序中的所有逻辑都在用户附近工作(消息、游戏、 friend ) ..) 而且我不知道如何拆分它们。

如果有人有这方面的经验并能给我一些建议，那就太好了。谢谢。

Answer 1

如果你问如何拆分 appReducer 和 userReducer，那么:

//appReducer.js
export default () => {
  ...logic
}

//userReducer.js
export default () => {
  ...logic
}

//your store
import appReducer from './appReducer';
import userReducer from './userReducer';
const store = createStore(combineReducers({ app: appReducer, user: userReducer}));

如果你问如何拆分你的 userReducer 因为你觉得 reducer 变得太大了，那么你必须将它们从 userReducer 中取出并制作 messagesReducer，friendsReducer 等......只是因为你觉得他们' re 是“用户”对象的一部分并不意味着您必须将它们全部放在同一个 userReducer 中。这就是适合您的操作类型以及 flux/redux 数据流对您的帮助。