Ejemplos

Elige el límite de ciclo de vida que controla tu aplicación y compara cómo crea, expone y libera un scope cada ecosistema. Cada grupo corresponde a un directorio de examples/.

Empieza aquí

Lee primero examples/_shared/container.ts. La mayoría de los ejemplos del lado del servidor importan este builder para que sus archivos puedan centrarse en el cableado del framework.

Grupo	Qué comparar
Uso en JavaScript	Uso con Node ESM, Node CommonJS y bundler de navegador
Frameworks de backend	Adaptadores de scope de petición para Fastify, Hono, Koa, Express y Elysia
Capas de API	Límites de scope de petición en tRPC, Apollo Server y GraphQL Yoga
Frameworks full-stack	Scopes de loader/action en Next.js App Router y Remix
Runtimes y plataformas edge	Node HTTP, Bun, Deno, Cloudflare Workers, Vercel Edge, Deno Deploy y Supabase Edge
Frameworks de frontend	Scopes de feature en React, React Native, Vue y Svelte
Bots, colas y CLI	Scopes de operación en Telegraf, Grammy, BullMQ, Commander y Yargs

Cómo leer los grupos

Usa examples/_shared/container.ts como el grafo de la aplicación para los ejemplos del lado del servidor. Las páginas de grupo se centran en la propiedad del ciclo de vida: dónde se crea un scope, dónde se expone y dónde se libera.

Para los ejemplos del lado del servidor y de workers, compara los hooks del ciclo de vida del framework/plataforma. Para los ejemplos de frontend, compara los límites de montaje y desmontaje.

Fragmentos de referencia

pnpm run examples:typecheck comprueba examples/_shared/container.ts y examples/_shared/testing.ts. No comprueba todos los fragmentos de frameworks porque el workspace raíz no instala todas sus dependencias. Copia el patrón que necesites, instala sus dependencias y adapta el grafo compartido a tus tipos.