setup typescript

tsconfig

{
  "compilerOptions": { "target": "ES2020", "module": "ESNext", "strict": true }
}

tipi base

let year: number = 2026;
let name: string = "Samir";

function types

type Fn = (a: number, b: number) => number;
const add: Fn = (a, b) => a + b;

union types

type Id = string | number;

esercizi

definisci un type e mappa un array.

type Item = { id: number; name: string };
const items: Item[] = [{ id: 1, name: "A" }];
const names = items.map(i => i.name);
console.log(names);

panoramica

In questo capitolo su setup typescript lavoriamo su tsconfig, tipi base, function types, union types per creare micro-pattern riutilizzabili.

lavora in sequenza: leggi, prova, modifica gli snippet e annota i trade-off principali.

obiettivi

• capire e applicare tsconfig in uno scenario reale
• capire e applicare tipi base in uno scenario reale
• capire e applicare function types in uno scenario reale
• capire e applicare union types in uno scenario reale

scheda rapida

{
  "compilerOptions": { "target": "ES2020", "module": "ESNext", "strict": true }
}

adatta questo scheletro agli esempi della lezione.

tips

• attiva strict
• evita any
• usa type alias chiari
• separa layer e dto
• mantieni funzioni pure
• mantieni tsconfig leggibile

mini progetto

crea un array tipizzato e trasformalo.

• definisci type
• crea array
• map

output atteso: output tipizzato.

checklist

• ho eseguito gli snippet e controllato l'output
• ho annotato almeno 2 trade-off
• ho completato il mini progetto
• ho salvato un riepilogo personale