React项目的文件结构

2023年03月26日 (日)

结构图

就近原则。这样做会更好维护。只有能公用的文件，才适合放在公用文件夹里。

组件的文件夹里面拥有的和文件夹同名的组件和index.ts以外的其他文件全部都是私有文件(只被这个文件夹里面的组件引用的文件)。

如果就算只被用一次的文件也要放公共的文件夹里的话，到时候改的时候首先还得确认影响范围，甚至这个确认的环节都有可能忘掉，然后万一影响到别的组件就很容易出BUG，结果就是可维护性变差。

因为那样会导致打开编辑器之后上面一排全是index.tsx, 找文件十分不方便。

虽然很多人把helpers当作utils的别名,但是区分一下会更合适一点。