示例
先选择应用负责的生命周期边界,再比较相应生态如何创建、暴露和释放作用域。每个分组都对应 examples/ 中的一个目录。
从这里开始
先阅读 examples/_shared/container.ts。大多数服务端示例都会导入这个构建器,从而让它们的文件能专注于框架接线。
| 分组 | 对比内容 |
|---|---|
| JavaScript 用法 | Node ESM、Node CommonJS 以及浏览器打包器用法 |
| 后端框架 | Fastify、Hono、Koa、Express 和 Elysia 的请求作用域适配器 |
| API 层 | tRPC、Apollo Server 和 GraphQL Yoga 的请求作用域边界 |
| 全栈框架 | Next.js App Router 和 Remix 的 loader/action 作用域 |
| 运行时与边缘平台 | Node HTTP、Bun、Deno、Cloudflare Workers、Vercel Edge、Deno Deploy 和 Supabase Edge |
| 前端框架 | React、React Native、Vue 和 Svelte 的功能作用域 |
| 机器人、队列与 CLI | Telegraf、Grammy、BullMQ、Commander 和 Yargs 的操作作用域 |
如何阅读这些分组
将 examples/_shared/container.ts 用作服务端示例的应用依赖图。分组页面聚焦于生命周期所有权:作用域在何处创建、在何处暴露、以及在何处释放。
对于服务端和 worker 示例,对比框架/平台的生命周期钩子。对于前端示例,对比挂载和卸载的边界。
参考片段
pnpm run examples:typecheck 会检查 examples/_shared/container.ts 和 examples/_shared/testing.ts。它不会检查所有框架片段,因为根 workspace 没有安装全部框架依赖。请把所需模式复制到应用中,安装对应依赖,并按自己的类型调整共享依赖图。
