Il Ruolo di JavaScript: Lato Server e Client

Il Ruolo di JavaScript: Lato Server e Client

JavaScript è diventato l'unico linguaggio che gira nativamente sia su client che su server, abilitando vero sviluppo full-stack con codice, tipi e tooling condivisi.

JavaScript Lato Client

Gira nei motori JS browser: V8 (Chrome, Node, Deno), SpiderMonkey (Firefox), JavaScriptCore (Safari). API: DOM, Fetch, WebGL, WebAssembly, Web Workers, Service Workers, WebRTC, WebXR, IndexedDB, Cache API. Sistema moduli: ES Modules (import/export), dynamic import(). Transpilazione: TypeScript, Babel, SWC. Bundling: Vite, Webpack, Rollup, esbuild, Turbopack.

JavaScript Lato Server: Node.js

Node.js (2009): V8 + libuv (event loop, async I/O). NPM: Più grande registro pacchetti. CommonJS (require) + ES Modules. Release LTS (versioni pari: 18, 20, 22). Moduli built-in: fs, http, crypto, stream, child_process, worker_threads. Framework: Express, Fastify, Hono, NestJS, AdonisJS. Tooling: TypeScript, ESLint, Prettier, Jest/Vitest.

Alternative Moderne a Node.js

Deno (2018): Secure by default (permessi), TypeScript nativo, singolo binario, standard library, Web API (fetch, WebSocket), registry JSR. Bun (2022): Basato su Zig, drop-in Node replacement, startup più veloce, bundler/test runner/package manager built-in, JSX/TypeScript nativo. Entrambi supportano pacchetti npm (maggiormente).

Edge Computing

Esegui JS nelle location edge CDN: Cloudflare Workers (V8 isolates, 0ms cold start), Vercel Edge Functions, Netlify Edge Functions, Deno Deploy, Fastly Compute@Edge. Vincoli: Niente API Node.js (fs, net), CPU time limitato (10-50ms), limiti memoria (128MB), niente processi long-running. Casi d'uso: Auth, routing, A/B testing, geo-routing, manipolazione header, bot detection.

Pattern Condivisione Codice

Tipi condivisi: Interfacce/tipi TypeScript in package condiviso. Validazione condivisa: Schemi Zod per validazione client/server. Utility condivise: Formattazione date, validazione, costanti. Business logic condivisa: Funzioni pure (calcoli, regole). Monorepo: Nx, Turborepo, pnpm workspaces. Framework full-stack: Next.js, Nuxt, SvelteKit, Remix, Astro, RedwoodJS.

JavaScript Universale/Isomorfico

Codice che gira sia su server che client. Next.js: getServerSideProps, Server Components, API routes. Remix: Loaders/actions, progressive enhancement. Astro: Islands architecture, partial hydration. Vantaggi: SEO, performance, singolo modello mentale, type safety across stack.

TypeScript: La Colla

TypeScript è essenziale per JS large-scale. Structural typing, inference, generics, conditional types. tsc (compilatore), tsx (Node runner), swc/esbuild (transpilazione veloce). Strict mode cattura bug. End-to-end type safety: tRPC, GraphQL Codegen, client OpenAPI/TypeScript.

Il Futuro: WinterCG e Standard

WinterCG (Web Interoperable Runtimes Community Group): Standardizza API across Node, Deno, Bun, Cloudflare Workers, browser. API comuni: fetch, WebSocket, ReadableStream, crypto, File, Blob, FormData. Obiettivo: Scrivi una volta, esegui ovunque (server, edge, browser).