architecture
export class Store {
constructor(state = {}) { this.state = state; }
set(key, value) { this.state[key] = value; }
}
modules
export const version = "1.0";
import { version } from "./config.js";
classi
class Camera { constructor(model) { this.model = model; } }
objects
const { role } = { role: "engineer" };
esercizi
crea un piccolo store di stato.
export class Store {
constructor(state = {}) { this.state = state; }
set(key, value) { this.state[key] = value; }
}
panoramica
In questo capitolo su architettura lavoriamo su architecture, modules, classi, objects per creare micro-pattern riutilizzabili.
lavora in sequenza: leggi, prova, modifica gli snippet e annota i trade-off principali.
badge: javascript essentials
obiettivi
- capire e applicare architecture in uno scenario reale
- capire e applicare modules in uno scenario reale
- capire e applicare classi in uno scenario reale
- capire e applicare objects in uno scenario reale
scheda rapida
export class Store {
constructor(state = {}) { this.state = state; }
set(key, value) { this.state[key] = value; }
}
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
- mantieni architecture leggibile
tip: documenta ogni scelta architetturale.
mini progetto
crea uno store semplice.
- definisci classe
- aggiorna stato
- usa
output atteso: state store.
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