如何设计简洁、直观的前端架构?( 五 )

路由的命名应该尽可能简短。

Static

Static 文件是指未包含在逻辑当中的文件。Static 文件不同于 CSS、图像、js(很少变更)以及字体等文件。Static 文件(静态文件)应该:

根据其类型进行分组。

尽可能降低其体积。

页 面

页面代表着 Web 应用程序当中的不同目标。作为来自 NextJS 中的概念,页面目录中的目录或文件,代表着路由路径的目的地。如此一来,当我们在破译路由并拆分出组件时,就能够轻松将路由与目的地关联起来。页面应该:

仅包含路由及其它组件之间的接触点。

包含引用初始条件以引导页面的各个文件。

不包含完整逻辑,我们应该将逻辑根据功能移动至不同的组件当中。

认真进行命名,因为该文件的名称代表着 build 文件与路由组件(在使用 NextJS 的情况下)。

推荐阅读