全书目录

第四十一篇:Qwik 完全指南 —— 可恢复瞬启城区宇宙

第九章:概念关系图 —— Qwik / Qwik City 这一套到底怎么连起来

1 分钟 27 字 第 801 / 962 个阅读单元
text
Qwik 核心层
├── component$           组件声明
├── useSignal/useStore   响应式状态
├── onClick$ / useTask$  可切分、可恢复的逻辑入口
├── Optimizer            把代码拆成细粒度 symbol
├── QRL / $              告诉系统“这里可按需恢复”
└── Resumability         不 hydration,直接续跑

Qwik City 城区层
├── routes/              文件系统路由
├── layout.tsx           分区布局
├── Link/useNavigate     导航能力
├── routeLoader$         服务端读数据
├── routeAction$         服务端写数据
├── middleware           鉴权/缓存/重定向
├── endpoints            接口响应
└── server$              直接服务端逻辑

再看运行流程:

text
服务器 SSR
  ↓
HTML 里带上监听器、状态、组件边界的恢复线索
  ↓
浏览器先直接显示页面
  ↓
用户点击某个交互点
  ↓
Qwikloader 找到这个点对应的代码块
  ↓
只下载这一小块
  ↓
恢复执行
  ↓
更新局部 UI

这就是“可恢复瞬启城区宇宙”的主引擎。