lezione 10

architettura

state, moduli e pattern.

livello: avanzato durata: 26 min output: app scalabile badge: javascript essentials

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
start a brief