ReactJS - Flux Concept

Flux è un concetto di programmazione, dove si trovano i dati uni-directional. Questi dati entrano nell'app e fluiscono attraverso di essa in una direzione fino a quando non vengono visualizzati sullo schermo.

Flux Elements

Di seguito è una semplice spiegazione del fluxconcetto. Nel prossimo capitolo impareremo come implementarlo nell'app.

  • Actions - Le azioni vengono inviate al dispatcher per attivare il flusso di dati.

  • Dispatcher- Questo è un hub centrale dell'app. Tutti i dati vengono inviati e inviati ai negozi.

  • Store- Store è il luogo in cui si trovano lo stato e la logica dell'applicazione. Ogni negozio mantiene uno stato particolare e si aggiornerà quando necessario.

  • View - Il view riceverà i dati dallo store e rieseguirà il rendering dell'app.

Il flusso di dati è illustrato nell'immagine seguente.

Flux Pro

  • Il flusso di dati unidirezionale è facile da capire.
  • L'app è più facile da mantenere.
  • Le parti dell'app sono disaccoppiate.