按领域模型组织代码,降低耦合度

image.png
image.png

组织component、action和reducer

文件夹结构:

  1. 按feature组织源文件;
  2. 组件和样式文件同一级;
  3. Redux单独文件夹;
  4. 单元测试文件保持同样的目录结构放在tests文件夹。

    组织React Router的路由配置

    在每个feature中单独定义自己的路由,使用JSON定义顶层路由,然后解析JSON到React Router语法。
    image.png