关于redux项目结构问题 财富值73

2017-01-21 17:35发布

用react搭配redux写项目时你们都怎么组织你们的目录结构的?
我知道写的时候又两种结构:
第一种:

——src     ——actions     ——client.js     ——components     ——containers     ——reducers     ——routes     ——store     ——views     

里面的views是什么内容?

第二种:

——src     ——auth         ——actions         ——components         ——reducers         ——views     ——client.js     ——components     ——containers     ——products         ——actions         ——components         ——reducers         ——views     ——routes     ——store     

如果项目功能比较复杂,模块比较多可以考虑第二种目录结构。
但是这里为什么没有containers?你们是怎么组织的?能不能发一下你们的项目目录结构?

另外,看到一些人把组件都写在一个文件你的,这样好吗?还是说一个组件就一个文件?不过这样好像又很散

下面这样的结构好不好?哪里需要改进?

——src         ——module1/page-1      #其中的一个功能模块,也可以是路由中的一个页面             ——actions         #模块相关的action             ——reducers        #模块相关的reducer             ——components      #模块相关的component                 ——comp-1.js                 ——comp-2.js             ——containers      ##模块相关的container                 ——cont-1.js                 ——cont-2.js         ——module/page-2             ——actions             ——reducers             ——components             ——containers         ——client.js         ——actions             #最外层的action         ——reducers            #最外层的reducer         ——components          #最外层的component         ——containers          #最外层的container         ——routes              #路由         ——store               #store 

或者你们有没有推荐的目录结构方案?最好详细点,要不然都不知道那些文件和文件夹是干嘛的,有相关对的文章推荐也可以

付费偷看设置
发送
8条回答
ccxc - 这个人很懒,什么都没留下
1楼 · 2017-01-21 18:06.采纳回答

离不开这几样:

// 容器组件 - connect

3、store

4、components

1、action

5、router

你说的都挺好的,简单的项目就简单的架构,复杂的项目就复杂点的架构。

2、reducer