Concetto di flux ReactJS

Il flux è un concetto di programmazione in cui i dati sono unidirezionali. Questi dati entrano nell'applicazione e scorrono in una direzione fino a essere visualizzati sullo schermo.

Elementi del flux

EccoFluxUtilizzo semplice del concetto. Nel capitolo successivo, impareremo come implementarlo nell'applicazione.

• Azioni − Invia azioni al dispatcher per innescare il flusso dei dati.

• Dispatcher− È il nodo centrale dell'applicazione. Tutti i dati vengono assegnati e inviati al negozio.

• Store− Il Store è il luogo in cui si salvano lo stato e la logica dell'applicazione. Ogni negozio mantiene uno stato specifico e viene aggiornato quando necessario.

• Visualizza−VisualizzaRiceveremo dati dal negozio e rirenderemo l'applicazione.

La seguente immagine descrive il flusso dei dati.

Vantaggi del flux

• Il flusso unidirezionale è facile da comprendere.

• L'applicazione è più facile da mantenere.

• I componenti dell'applicazione sono decoupling.