Flux è un'architettura applicativa che Facebook utilizza internamente per creare l'applicazione web lato client con React. Non è una libreria né un framework. Non è né una libreria né un framework. È un tipo di architettura che integra React come vista e segue il concetto di modello di flusso di dati unidirezionale. È utile quando il progetto dispone di dati dinamici e dobbiamo mantenere i dati aggiornati in modo efficace. Riduce gli errori di runtime.
l'età di sara ali khan
Le applicazioni Flux hanno tre ruoli principali nella gestione dei dati:
- Spedizioniere
- I negozi
- Viste (componenti React)
In questo caso non dovresti essere confuso con il modello Model-View-Controller (MVC). Sebbene i controller esistano in entrambi, ma le visualizzazioni (viste) del controller Flux si trovano in cima alla gerarchia. Recupera i dati dai negozi e poi li trasmette ai loro figli. Inoltre, i creatori di azioni - metodi di supporto del dispatcher utilizzati per descrivere tutte le modifiche possibili nell'applicazione. Può essere utile come quarta parte del ciclo di aggiornamento di Flux.
Struttura e flusso di dati
Nell'applicazione Flux, i dati fluiscono in un'unica direzione (unidirezionale). Questo flusso di dati è centrale per il modello di flusso. Il dispatcher, i negozi e le visualizzazioni sono nodi indipendenti con input e output. Le azioni sono oggetti semplici che contengono nuovi dati e proprietà di tipo. Consideriamo ora i vari componenti dell’architettura del flusso uno per uno.
Spedizioniere
È un hub centrale per l'applicazione React Flux e gestisce tutto il flusso di dati della tua applicazione Flux. È un registro delle richiamate nei negozi. Non ha una vera intelligenza propria e agisce semplicemente come un meccanismo per distribuire le azioni ai negozi. Tutti i negozi si registrano e forniscono una richiamata. È un luogo che ha gestito tutti gli eventi che modificano il negozio. Quando il creatore di un'azione fornisce una nuova azione al dispatcher, tutti i negozi ricevono quell'azione tramite i callback nel registro.
L'API del dispatcher ha cinque metodi. Questi sono:
primavera e primavera mvc
| SN | Metodi | Descrizioni |
|---|---|---|
| 1. | Registrati() | Viene utilizzato per registrare la richiamata del gestore delle azioni di un negozio. |
| 2. | annullare la registrazione() | Viene utilizzato per annullare la registrazione della richiamata di un negozio. |
| 3. | aspettare() | Viene utilizzato per attendere che il callback specificato venga eseguito per primo. |
| 4. | spedizione() | Viene utilizzato per inviare un'azione. |
| 5. | sta inviando() | Viene utilizzato per verificare se il dispatcher sta attualmente inviando un'azione. |
I negozi
Contiene principalmente lo stato e la logica dell'applicazione. È simile al modello in un MVC tradizionale. Viene utilizzato per mantenere uno stato particolare all'interno dell'applicazione, si aggiorna in risposta a un'azione ed emette l'evento di modifica per avvisare la vista del controller.
Visualizzazioni
È anche chiamata vista del controller. Si trova nella parte superiore della catena per memorizzare la logica per generare azioni e ricevere nuovi dati dal negozio. È un componente React che ascolta gli eventi di modifica, riceve i dati dagli archivi e esegue nuovamente il rendering dell'applicazione.
creazione del thread Java
Azioni
Il metodo dispatcher ci consente di attivare una spedizione al negozio e includere un carico utile di dati, che chiamiamo azione. Si tratta di un creatore di azioni o di metodi di supporto che trasmettono i dati al dispatcher.
Vantaggio del flusso
- È un modello di flusso di dati unidirezionale di facile comprensione.
- È open source e più un modello di progettazione che un framework formale come l'architettura MVC.
- L'applicazione del flusso è più facile da mantenere.
- Le parti di applicazione del flusso sono disaccoppiate.