Imparare React, 2a edizione

Capitolo 6. Gestione dello stato di React

Questo lavoro è stato tradotto utilizzando l'AI. Siamo lieti di ricevere il tuo feedback e i tuoi commenti: [e-mail]

I dati sono ciò che dà vita ai nostri componenti React. L'interfaccia utente per le ricette che abbiamo costruito nell'ultimo capitolo è inutile senza la serie di ricette. Sono le ricette e gli ingredienti, insieme a istruzioni chiare, a rendere valida un'applicazione di questo tipo. Le nostre interfacce utente sono strumenti che i creatori utilizzeranno per generare contenuti. Per costruire i migliori strumenti possibili per i nostri creatori di contenuti, dobbiamo sapere come manipolare e modificare efficacemente i dati.

Nell'ultimo capitolo abbiamo costruito su un albero di componenti: una gerarchia di componenti attraverso i quali i dati possono scorrere come proprietà. Le proprietà sono la metà del quadro. Lo stato è l'altra metà. Lo stato di un'applicazione React è guidato da dati che possono cambiare. Introducendo lo stato nell'applicazione di ricette, gli chef potrebbero creare nuove ricette, modificare quelle esistenti e rimuovere quelle vecchie.

Lo stato e le proprietà hanno una relazione tra loro. Quando lavoriamo con le applicazioni React, componiamo con grazia i componenti che sono legati tra loro in base a questa relazione. Quando lo stato di un albero di componenti cambia, cambiano anche le proprietà. I nuovi dati fluiscono attraverso l'albero, causando il rendering di foglie e rami ...