Ciao, e benvenuto nella quinta puntata della quarantanovesima stagione. Oggi vediamo come Vue ti fa descrivere ciò che appare sullo schermo, e dietro questa scelta c'è una scommessa su una domanda semplice ma profonda: per chi è pensato uno strumento? Oggi capiamo il template: partire dall'HTML e arricchirlo.
Partiamo dalle due filosofie, perché sono davvero due strade diverse. Ci sono due modi di scrivere ciò che va sullo schermo in modo dinamico. Uno, quello dell'altro grande framework, parte dal linguaggio di programmazione e da lì produce la pagina: prima la logica, e la pagina ne è un risultato. Vue, nella sua forma consueta, fa l'opposto: parte dall'HTML. Scrivi qualcosa che assomiglia a una normale pagina web, quella che conosci, e la arricchisci con un piccolo vocabolario di marche speciali. Parti dal familiare, e ci spruzzi sopra la potenza.
Voglio darti il vocabolario dell'arricchimento, perché è piccolo e umano. Queste marche speciali sono un vocabolario ristretto e imparabile, per i bisogni più comuni. Mostra questo solo se quella cosa è vera. Ripeti questo pezzo per ogni elemento di un elenco. Lega questa casella a questo dato. Sono le necessità di ogni giorno, rese facili con poche parole aggiunte all'HTML che già sai scrivere. Non un nuovo linguaggio da imparare da zero, ma qualche parola in più su una lingua che conosci già: l'HTML resta HTML, solo con dei superpoteri appuntati sopra.
Voglio darti la marca firma di Vue, perché è deliziosa. E tra queste, ce n'è una che è la firma di Vue, e che tutti amano: il legame a doppio senso. Leghi una casella di testo e un dato nei due sensi, così che ciascuno tenga l'altro in accordo, da solo. Scrivi nella casella, e il dato si aggiorna. Cambi il dato, e la casella si aggiorna. È la reattività della puntata scorsa resa visibile e senza sforzo, nel caso più comune di tutti, quello in cui l'utente digita qualcosa. Una cosa che altrove costa fatica, qui è quasi gratis: appunti una parola, e i due lati restano legati per sempre.
Voglio dirti che scommessa è, perché torna il secondo pilastro. Partire dall'HTML è una scommessa sull'avvicinabilità, il secondo pilastro della stagione. Incontrare le persone nel linguaggio del web che hanno già. Un designer, un principiante, chiunque sappia leggere una pagina, riconosce subito ciò che scrivi in Vue, perché è quasi HTML normale. Non deve prima diventare un programmatore per capire come è fatta la pagina. Lo strumento gli va incontro nella lingua che parla già, invece di chiedergli di impararne una nuova prima di poter fare qualcosa di utile.
Voglio darti il prezzo, con onestà, perché c'è. Va detto: partire dall'HTML è più amichevole, ma un filo meno flessibile che partire dal puro linguaggio di programmazione, dove puoi fare davvero qualsiasi cosa, anche la più contorta. Vue lo sa, e per i casi rari in cui ti serve tutta quella libertà, ti lascia scendere fino al linguaggio pieno. Ma la sua porta d'ingresso, la strada normale, è l'HTML arricchito, perché è quella che apre il framework al maggior numero di persone. Comodità per i molti, flessibilità estrema a portata di mano per i pochi che ne hanno davvero bisogno.
Voglio darti l'immagine che rende chiara questa idea, perché è quotidiana. Pensa a due modi di dare indicazioni stradali a qualcuno. Il primo gli mette in mano un linguaggio di programmazione e gli dice: calcolati il percorso. Il secondo gli porge la mappa familiare della città, quella che legge tutti i giorni, e ci aggiunge qualche segno chiaro: gira qui, salta questo tratto se il ponte è chiuso. Tutti e due lo portano a destinazione. Ma il secondo incontra la persona dove già si trova, nella mappa che sa già leggere, invece di darle prima una lingua nuova da studiare.
Voglio trarre la lezione generale, perché va oltre Vue. La lezione è che il punto di partenza di uno strumento è una dichiarazione su per chi è. Partire da ciò che le persone già sanno, e arricchirlo, oppure partire dal linguaggio dell'esperto, e insegnarlo, è un bivio vero. E incontrarli dove sono è un valore di progetto con una portata enorme: allarga il pubblico che può usare lo strumento, al piccolo prezzo di un po' di flessibilità ultima. Chiedersi non solo cosa lo strumento può fare, ma a chi apre la porta, è una scelta di design più importante di quanto sembri.
Per oggi ci fermiamo qui. Abbiamo visto il template di Vue, e la scommessa dietro. Due filosofie: partire dal linguaggio di programmazione e produrne la pagina, oppure, come Vue, partire dall'HTML e arricchirlo con un piccolo vocabolario di marche, mostra-se, ripeti-per-ogni, lega-questo-dato. Tra queste, la firma di Vue: il legame a doppio senso, casella e dato che si tengono in accordo da soli, la reattività resa visibile. È una scommessa sull'avvicinabilità: incontrare chiunque sappia leggere una pagina nella lingua che ha già. Il prezzo, un filo meno flessibile del puro codice, ma con quella libertà a portata di mano per i pochi casi. Come una mappa familiare arricchita di segni, invece di un linguaggio da calcolare. La lezione: il punto di partenza di uno strumento dice per chi è. Nella prossima puntata vediamo come i pezzi si parlano. Nelle note trovi qualche spunto. Se ti è utile, condividila. Grazie per l'ascolto, e ci sentiamo alla prossima.