react 官方原子设计

避免多层嵌套
JavaScript 项目中的深层目录嵌套会带来许多痛点。在编写相对路径导入,或是在文件移动后更新这些导入将变得更加困难。除非你有非常令人信服的理由来使用深层目录嵌套,否则请考虑将单个项目中的目录嵌套控制在最多三到四个层级内。当然,这只是一个建议,它可能与你的项目无关。

不要过度思考
如果你刚刚开始一个项目,不要花超过五分钟在选择项目文件组织结构上。选择上述任何方式(或提出自己的方式)并开始编写代码!因为,在你编写了一些真正的代码之后,你将很有可能会重新考虑它。

如果您感觉完全卡住,请先将所有文件保存在同一个文件夹中。它最终会变得足够大,以至于让你想要将其中一些文件拆分出去。到那时,你将有足够的知识去区分你最频繁编辑的文件。通常,将经常一起变化的文件组织在一起是个好主意。这个原则被称为 “colocation”。

随着项目规模的扩大,人们通常会在实践中混搭使用上述这些方式。因此,在开始时选择“正确”的那个方式并不是很重要

React 项目结构设计_reactjs


React 项目结构设计_相对路径_02


正在用的项目结构 react native

不足,要添加一个页面要在路由列表中加入 然后对应container 然后对应compoent 如果要用到redux 还需要action actionType redux 逐一添加,感到不适

React 项目结构设计_reactjs_03


React 项目结构设计_相对路径_04


React 项目结构设计_reactjs_05


React 项目结构设计_reactjs_06


React 项目结构设计_相对路径_07


https://www.zhihu.com/question/50750032