如何组织 React + MobX 项目结构（存储、组件、组件状态等）

Question

我正在从头开始一个项目（使用 React + MobX），并且由于 MobX 对结构并没有真正的意见，所以我在定义它时确实遇到了一些麻烦，并且找不到任何真正完整的示例。

我已经阅读了大量材料+完整的 MobX 文档（包括有关商店的最佳实践），但仍然有些内容不清楚。

我的问题如下：

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

因此，总的来说，我真的很想获得一些 React + MobX 项目结构的示例，并描述使用和维护该结构的优缺点。