react

42 risultati

GUIDA GRATUITA

La proprietà Key in React

Come sappiamo, React cerca sempre di ottimizzare le performance di una applicazione e lo fa modificando solo le parti di codice HTML che cambiano tra un ciclo di rendering e l’altro. key ci permette di prendere il controllo di questo meccanismo, dichiarando a React quale stato o parte di stato coincide con quale elemento o…

GUIDA GRATUITA

Stati con liste in React

Pronto a mettere le mani in pasta? Mettiamo in pratica quello che abbiamo appena imparato! Modifichiamo la nostra applicazione per mantenere uno stato della lista di cose da fare. Alla creazione di un nuovo elemento, dopo aver mandato la nostra finta richiesta di rete, aggiungiamo il nuovo elemento in cima alla lista. Alla fine di…

GUIDA GRATUITA

Array e oggetti negli stati in React

Sappiamo che gli stati in React sono immutabili, cioè non possono essere modificati direttamente, ma dobbiamo chiamare la funzione setter per impostare il prossimo valore dello stato. L’impossibilità di modificare direttamente gli stati potrebbe, però, mettere in difficoltà chi è abituato a utilizzare linguaggi di programmazione che supportano lo stile imperativo (primo tra tutti, il…

Vuoi avviare una nuova carriera o fare un upgrade?

Trova il corso Digital & Tech più adatto a te nel nostro catalogo!

Scopri i corsi 👨‍🏫

GUIDA GRATUITA

Gestione dell’interfaccia: metodo dichiarativo

Quando scegliamo un approccio dichiarativo, la prima domanda che ci poniamo è: cosa vogliamo rappresentare? Questa domanda rivela già una cosa importante: è vero, stiamo lavorando sull’aspetto del form, ma l’aspetto del form dipende direttamente dalla richiesta di rete che effettua il salvataggio dei dati. Ed è quello che vogliamo rappresentare: non il form, ma…

GUIDA GRATUITA

Gestione dell’interfaccia: metodo imperativo

L’approccio imperativo prevede l’analisi di quali step vanno fatti. La documentazione ufficiale di React propone questa metafora: immaginiamo di essere passeggeri di un auto e, senza dire a chi guida dove vogliamo andare, diamo indicazioni sulle svolte da fare, una alla volta. Chi guida non sa dove stiamo andando e le nostre probabilità di successo…

GUIDA GRATUITA

Cos è il codice dichiarativo

Prima di addentrarci nei dettagli della gestione dell’interfaccia utente con React, è utile comprendere il concetto di codice dichiarativo. React adotta un approccio dichiarativo per la costruzione delle interfacce utente. Nel codice dichiarativo, descrivi cosa vuoi che accada e non come dovrebbe accadere, il che è in contrasto con l'approccio imperativo che si concentra sui…

GUIDA GRATUITA

Esempio pratico: gestione dell’input di un utente in React

Per consolidare la nostra conoscenza di props, eventi e stati, impostiamo un form per la creazione di un elemento di una lista di cose da fare (un altro classico esempio in React, ma non solo). Espanderemo questo esempio nelle prossime sezioni. Ragioniamo un attimo su quello che ci servirà. Un elemento di una lista di…

GUIDA GRATUITA

I cicli di rendering in React

Dopo aver effettuato il primo rendering, alla prima visualizzazione della pagina, React si ferma. Fino a quando? Fino a quando non viene chiamata una funzione setter. Se clicchi sul bottone che dice “+”, vedrai apparire due nuovi log in console: entrambe le funzioni-componenti, App e Counter, sono state eseguite di nuovo! Importante: potresti leggere…

GUIDA GRATUITA

Come react gestisce props stati ed eventi

È arrivato il momento di dare un’occhiata dietro le quinte e capire come React gestisce i concetti di prop, stati ed eventi. Sappiamo che i componenti React sono funzioni che restituiscono JSX. In che modo React li utilizza per mostrare la pagina web della nostra applicazione? React esegue le funzioni che compongono i nostri componenti,…