React-Getting-Started

Per risolvere quali problemi è stato progettato React?

• HTML non abbastanza potente

• Complessità causata dai cambiamenti di stato impliciti

• Mutazioni imprevedibili del DOM

• Mancanza di componenti riutilizzabili

Quali sono i vantaggi nell'utilizzare React?

• Dimensione del bundle applicativo più piccola

• Ricco ecosistema di componenti di terze parti

• API dichiarative

• La tua views diventa una funzione dello stato della tua applicazione

Cosa significa view = f(state)

• La vista rifletterà sempre lo stato attuale

• La vista può essere aggiornata modificando lo stato

• La vista tiene lo stato dell'applicazione

• La vista modifica lo stato

 Come React applica il pattern “Separation of concerns”?

• Separando lo stile, il markup e il comportamento

• Separando il codice in bundle più piccoli

• Separando il comportamento in componenti riutilizzabili

• Separando il DOM dall'HTML

Cosa rende React dichiarativo

• È facile manipolare il DOM

• Descrive su cosa si basa l'interfaccia utente in base allo stato

• Ti consente di tracciare il codice mentre viene eseguito

• È un'astrazione rispetto al codice imperativo

Cosa c’è di sbagliato in questo codice?

• Nulla

• Non puoi rendere elementi genitori adiacenti in JSX

• Il Browser darà errore come incontrerà la

• Non puoi avere nomi di componenti in minuscolo

Che cos’è un componente React?

• Una funzione che ritorna parti di UI

• Una funzione che ritorna una descrizione della UI

La programmazione imperativa è incentrata su cosa fai, quella dichiarativa è incentrata su come lo fai.

• Vero

• Falso

Questo codice è dichiarativo

• Vero

• Falso

Il seguente è un componente React valido

• Vero

• Falso