如何组织React + MobX项目结构（商店，组件，组件的状态等）

Question

我正在从头开始一个项目（使用React + MobX），并且由于MobX并未真正针对结构进行优化，因此在定义它时确实遇到了一些麻烦，并且找不到任何真正完整的示例。

我已经阅读了很多材料+完整的MobX文档（包括有关商店的best practises），但是仍然有些内容不清楚。

我的问题如下：

1. 组织存储和存储之间的联系（根存储与DI或任何其他方法）
2. 处理复杂组件的状态-单独的状态文件？容器组件与逻辑+哑组件？一个巨大的组件，它呈现内容并保存所有逻辑（动作，计算值...）？如果这些状态在单独的文件中，谁负责实例化这些状态？

因此，总的来说，我真的很想只是获取一些React + MobX项目结构的示例，以描述使用和维护该结构的利弊。