async e fetch

async

async function load() { return await Promise.resolve("ok"); }

fetch

const res = await fetch("/api/projects");
const data = await res.json();

arrow functions

const greet = (name) => `ciao ${name}`;

objects

const { role } = { role: "engineer" };

esercizi

usa fetch con async/await.

const res = await fetch("/api/projects");
const data = await res.json();
console.log(data.length);

panoramica

In questo capitolo su async e fetch lavoriamo su async, fetch, arrow functions, objects per creare micro-pattern riutilizzabili.

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

obiettivi

• capire e applicare async in uno scenario reale
• capire e applicare fetch in uno scenario reale
• capire e applicare arrow functions in uno scenario reale
• capire e applicare objects in uno scenario reale

scheda rapida

async function load() { return await Promise.resolve("ok"); }

adatta questo scheletro agli esempi della lezione.

tips

• usa const di default
• separa moduli piccoli
• gestisci errori async
• riduci mutazioni globali
• profilare prima di ottimizzare
• gestisci timeout e cancellazioni

mini progetto

consuma un endpoint con fetch.

• fetch
• await json
• stampa

output atteso: response ricevuta.

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