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

服务声明应作为 API 调用的基本实现。

应接受配置(变量等)以作为 API 调用的必要参数进行传递。

应将从服务器处接收到的数据原样传递给调用组件。

如果使用 React 以及 Apollo,请利用 Render Props 方法构建服务组件。

Config

Config 是接入服务器的关键。Config 当中包含关于应用程序运行所在环境的具体配置。请确保将配置与实际代码库拆分开来。配置应当:

使用不同的文件对应不同的环境类型。

根据需要获取的不同资源类型(包括资产域、服务器 API URL 等)而有所不同。

路 由

路由是保障 UI 使用体验的主要方式。路由决定着我们在 Web 应用程序当中需要实现的不同页面的 URL 格式或模式。在定义路由时,需要注意以下几点:

尽可能保持路由的正确顺序,以保证 UI 路径不致丢失。

推荐阅读