mobx,redux 这些划分store的问题

Question

1. 找了很多资料，对于store的划分好像都是推荐扁平化。最多两层如：

    {       home:homeStore,
       about:aboutStore
    }

1. 那么上面这种结构，对于复杂的页面怎么办呢？比如home。有头部，有创建，有table，很多块。都在一个store中的话。团队协作怎么办？每次获取代码都会有冲突。结构不清晰，而且每次要加个东西，找文件都要转到store中去很不方便。

目前我们是这样搞的：但是这样也会有问题就是 组件相互通信 不方便了。

    {       homeStore:{
         headerStore,
         tableStore:{
             searchStore,
             listStore
         },         createStore
       },       about:aboutStore
    }

能否给些建议，到底哪种好？怎么解决各种痛点呢？

Answer 1

公共的应该抽离， 例如 header footer tabBar 都属于 pageConig 不应该属于 单独一个页面