用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
或者你们有没有推荐的目录结构方案?最好详细点,要不然都不知道那些文件和文件夹是干嘛的,有相关对的文章推荐也可以
付费偷看金额在0.1-10元之间
离不开这几样:
// 容器组件 - connect
3、store
4、components
1、action
5、router
你说的都挺好的,简单的项目就简单的架构,复杂的项目就复杂点的架构。
2、reducer
一周热门 更多>