react应用项目?
2021-12-05

三种经典项目

1、按照类型

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

2、按照页面功能

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

3、Ducks

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

只需要引入管理这个状态的模块文件即可。

大家都在看
本站系本网编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本网联系,我们将在第一时间删除内容!本站文章版权归原作者所有,内容为作者个人观点。本站只提供参考并不构成任何投资及应用建议。本站拥有对此声明的最终解释权。