React - JSX e componenti

Quale tipo di codice scrivi quando usi React.js?

• Codice JSX Definito

• Codice JavaScript Imperativo

• Codice JavaScript Dichiarativo

Cosa è "JSX"?

• Una sintassi standard di JavaScript

• Una speciale sintassi non standard per abilitare i progetti React

• Una speciale stringa con cui puoi passare le funzioni a React

Perchè React tratta i "Components" in maniera così importante?

• Ogni UI è composta di blocchi multipli (componenti), cosa che fa pensare all'interfaccia utente come una "combinazione di componenti"

• I progetti React sono configurati solo per funzionare con i componenti, quindi bisogna usarli per scrivere codice React

• I componenti offrono una performance migliore delle interfacce utente standard che non le usano

Cosa vuol dire "dichiarativo"?

• "Dichiarativo" è lo stesso significato di "Imperativo"

• Puoi definire degli step individuali per ottenere un output desiderato (per esempio una desiderata UI)

• Definisci il risultato desiderato (per esempio una desiderata UI)

Cosa è un Componente React?

• Una funzione JavaScript che tipicamente ritorna un codice HTML (JSX) che può essere mostrato.

• Rimpiazza lo standard HTML che è supportato dai browser moderni.

• Una funzione JavaScript che non deve ritornare alcun valore.

Quanti componenti personalizzati deve avere una app React?

• Almeno 2

• Al massimo 99

• Dipende interamente da te

Quale tra queste frasi è corretta?

• Con React, costruisci alberi di componenti montati sullo stesso nodo DOM.

• Con React, tu costruisci un component tree con un componente radice montato su un nodo DOM.

• Con React, tu devi sempre montare ogni componente creato sul proprio nodo DOM.

Cosa vuol dire "component tree"?

• Vuol dire che hai un nodo radice che contiene molti componenti annidati sotto di lui.

• Vuol dire che devi sempre ritornare più di un componente o un elemento HTML per componente.

• Vuol dire che devi costruire più componenti multipli.

Come passiamo dati attraverso i componenti?

• Attraverso variabili globali Javascript accessibili da tutti i file.

• Attraverso "attributi HTML personalizzati" (le "props")

• Attraverso attributi standard HTML che possono venire usati anche da applicazioni non-React

Come si può ottenere un output dinamico nei componenti React (per esempio in codice JSX)?

• Si possono usare parentesi tonde aperte e chiuse con qualsiasi espressione JS tra queste.

• React ha una speciale sintassi che permette di mostrare in output valori variabili usando semplicemente due parentesi tonde, una aperta e una chiusa.

• Non si può