全书目录

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

第五章:Qwik City —— 给这座城区修路、分区、设政务大厅

1 分钟 306 字 第 797 / 962 个阅读单元

如果说 Qwik 解决的是“单栋建筑怎么可恢复”,那 Qwik City 解决的就是:

  • 路由怎么规划
  • 布局怎么复用
  • 数据怎么进城
  • 表单和服务端动作怎么办事
  • 中间件、接口、缓存怎么组织

官方对它的定位很直接:

Qwik City 是 Qwik 的 meta-framework。

可以把它理解成:

text
Qwik                = 单栋建筑的施工法
Qwik City           = 整个城区的道路、分区、政务系统

#一个典型的目录长这样

text
src/routes
├── layout.tsx              # 全城总布局
├── index.tsx               # 城市首页
├── blog/
│   ├── layout.tsx          # 博客区布局
│   ├── index.tsx           # 博客列表
│   └── [slug]/
│       └── index.tsx       # 博客详情
├── account/
│   └── settings/
│       └── index.tsx
└── api/
    └── health/
        └── index.ts

#它的几个关键能力

  • routing:文件系统路由
  • layout.tsx:分层布局
  • routeLoader$:服务端读数据
  • routeAction$:服务端写数据
  • middleware:鉴权、重定向、缓存、日志
  • endpoints:REST/JSON/XML/代理
  • server$:直接跑服务端逻辑