react应用项目

react应用项目？

三种经典项目

1、按照类型

这里的类型指的是文件在项目中充当的角色类型，比如这个文件是一个component（展示组件），container（容器组件），在redux状态管理当中有，action，reducer等，这些不同角色的文件都放在一个单独的文件夹里，这样样式的结构也是react官方所推荐的结构。

2、按照页面功能

既一个页面功能对应一个文件夹，这个页面功能所用到container，component，action，reducer等文件都放在这个文件夹下。

3、Ducks

指的是一种新的redux项目目录结构，他提倡将相关的reducer，Action，Action type和Action Creaters写在一个文件里面，本质上是以应用状态作为划分模块的依据，而不是以页面的功能作为划分模块的依据，这样管理相同状态的依赖都在同一个文件中，无论哪个容器主线需要这部分状态？只需要引入管理这个状态的模块文件即可。