Skip to content

示例

先选择应用负责的生命周期边界,再比较相应生态如何创建、暴露和释放作用域。每个分组都对应 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 的功能作用域
机器人、队列与 CLITelegraf、Grammy、BullMQ、Commander 和 Yargs 的操作作用域

如何阅读这些分组

examples/_shared/container.ts 用作服务端示例的应用依赖图。分组页面聚焦于生命周期所有权:作用域在何处创建、在何处暴露、以及在何处释放。

对于服务端和 worker 示例,对比框架/平台的生命周期钩子。对于前端示例,对比挂载和卸载的边界。

参考片段

pnpm run examples:typecheck 会检查 examples/_shared/container.tsexamples/_shared/testing.ts。它不会检查所有框架片段,因为根 workspace 没有安装全部框架依赖。请把所需模式复制到应用中,安装对应依赖,并按自己的类型调整共享依赖图。