ArchitectureFigure 架构图

一张组件地图：服务、数据存储、边界，以及谁在跟谁说话。

它吃的是 archify architecture 规格所携带的同一份 JSON——components、boundaries、connections——然后用这套系统自己的语汇画出来：细线上的纸质板块、给这张图真正要讲的那个组件一块反白板，以及七个画出来的符号，替掉 archify 用的七种色相。

它能在服务端渲染，因为每一个位置本来就写在规格里。一个组件要么给出 row 和 col——落进一个格子尺寸要么声明、要么取默认的网格——要么给出绝对的 pos。这里没有任何东西是解出来的、松弛出来的或量出来的。所以标记是输入的纯函数，服务端和浏览器完全一致，水合时也不会有布局抖动——因为压根没有布局要做。

边界先画，而且画得不一样。region 是某个东西运行在哪里——一个 VPC、一个可用区、一个集群——画成实线框。security-group 是什么够得到它，画成虚线。这不是装饰：一张基础设施图非常经常只被拿来回答这两个问题中的一个，而读者应该在不读任何一个标签的情况下就能分辨哪根线回答哪个问题。