Uso di TypeScript nei framework

Come abbiamo visto, possiamo usare tsc per compilare il nostro codice TypeScript generando uno script eseguibile con Node o come script linkato in una pagina HTML. Tuttavia, questo non è il modo più comune per utilizzare TypeScript in un progetto reale. Ad oggi, la maggior parte delle web app sono create a partire da un framework. Un framework è un insieme di scelte tecniche e architetturali implementate al posto nostro per predisporre i compiti più comuni che uno sviluppatore deve assolvere quando sviluppa un’applicazione; al contempo, un framework stabilisce una sorta di standard, di forma mentis, su come approcciare tali scelte architetturali e tali compiti comuni. 

Ebbene praticamente tutti i framework web popolari al momento 

• o offrono un template (o seed) di progetto in TypeScript, 
• o sono interamente scritti in TypeScript. 

Di seguito una lista di comandi che iniziano un progetto TypeScript in diversi framework web:

# Angular è scritto in TypeScript 
# ogni progetto Angular è un progetto TypeScript 
npm install -g @angular/cli 
ng new my-app 

# 'Create React app' offre un seed in TypeScript per lavorare con React npx create-react-app my-app --template typescript 

# 'Create Next app' offre un seed in TypeScript per lavorare con Next # il progetto è in TypeScript di default, ma è possibile lavorare anche in JavaScript 
npx create-next-app@latest 

# 'Create vue' ci chiederà interattivamente se vogliamo lavorare in TypeScript npm create vue@latest 

# Qwik è scritto in TypeScript e Rust 
# ogni progetto Qwik è un progetto TypeScript 
npm create qwik@latest 

# 'Fastify cli' offre un seed in TypeScript 
npm install fastify-cli --global 
fastify generate my-project --lang=ts 

# Express non offre un seed ufficiale in TypeScript 
# ma ce ne sono diversi offerti dalla community, eccone uno 
npx express-generator-typescript my-project 

In definitiva: in base al framework che vogliamo utilizzare, non dovremo fare altro che selezionare un template basato su TypeScript, tenendo conto che alcuni framework (soprattutto tra quelli più giovani) sono nativamente scritti in TypeScript. 

Per rimanere nel perimetro di pertinenza di questa guida, nei prossimi esempi non useremo framework; ad ogni modo, tutto quello che affronteremo potrà (e idealmente dovrà) essere messo in pratica su qualsiasi codebase, indipendentemente dal framework o dalle librerie impiegate.