cat javascript/stato-i-dati-correnti-dell-app.md

Lezione 46 12 min

Stato: i dati correnti dell'app

Tenere in un punto i dati che descrivono la situazione attuale.

In parole semplici

Lo stato è la fotografia dei dati in questo momento: note presenti, filtro attivo, elemento selezionato. Se lo stato è chiaro, la pagina è più facile da aggiornare.

Questa lezione fa parte del modulo Organizzare una piccola app. L’obiettivo del modulo è: Passare da esempi isolati a un progetto con file, dati e funzioni organizzati.

Parole nuove

  • stato: dati correnti dell’app.

Cosa impari

  • Capire il concetto senza partire da definizioni astratte.
  • Vedere un esempio piccolo che puoi copiare e modificare.
  • Collegare l’argomento al risultato del modulo: una notes app semplice con file separati e salvataggio locale.

Esempio da copiare

const stato = {
  note: [],
  filtro: ""
};

stato.note.push({ titolo: "Studiare JS" });
console.log(stato.note);

Non devi memorizzare tutto subito. Prima copia l’esempio, fallo funzionare e cambia una cosa alla volta.

Esercizio guidato

  1. Crea un oggetto stato.
  2. Aggiungi una lista note vuota.
  3. Aggiungi una proprietà filtro.
  4. Inserisci una nota nella lista.
  5. Stampa lo stato aggiornato.

Controllo finale

Hai finito quando sai indicare dove sono i dati principali dell’app.