Qwik 核心层
├── component$ 组件声明
├── useSignal/useStore 响应式状态
├── onClick$ / useTask$ 可切分、可恢复的逻辑入口
├── Optimizer 把代码拆成细粒度 symbol
├── QRL / $ 告诉系统“这里可按需恢复”
└── Resumability 不 hydration,直接续跑
Qwik City 城区层
├── routes/ 文件系统路由
├── layout.tsx 分区布局
├── Link/useNavigate 导航能力
├── routeLoader$ 服务端读数据
├── routeAction$ 服务端写数据
├── middleware 鉴权/缓存/重定向
├── endpoints 接口响应
└── server$ 直接服务端逻辑再看运行流程:
服务器 SSR
↓
HTML 里带上监听器、状态、组件边界的恢复线索
↓
浏览器先直接显示页面
↓
用户点击某个交互点
↓
Qwikloader 找到这个点对应的代码块
↓
只下载这一小块
↓
恢复执行
↓
更新局部 UI这就是“可恢复瞬启城区宇宙”的主引擎。