Redux è una libreria JavaScript open source utilizzata per gestire lo stato dell'applicazione. React utilizza Redux per creare l'interfaccia utente. È stato introdotto per la prima volta da Dan Abramov E Andrea Clark In 2015 .
React Redux è l'associazione React ufficiale per Redux. Consente ai componenti React di leggere i dati da un Redux Store e di inviarli Azioni al Negozio per aggiornare i dati. Redux aiuta le app a scalare fornendo un modo sensato per gestire lo stato attraverso un modello di flusso di dati unidirezionale. React Redux è concettualmente semplice. Si iscrive allo store Redux, controlla se i dati desiderati dal tuo componente sono cambiati ed esegue nuovamente il rendering del tuo componente.
uguaglianza degli oggetti Java
Redux è stato ispirato da Flux. Redux ha studiato l'architettura Flux e ha omesso la complessità non necessaria.
- Redux non ha il concetto di Dispatcher.
- Redux ha un unico Negozio mentre Flux ha molti Negozi.
- Gli oggetti Action verranno ricevuti e gestiti direttamente da Store.
Perché usare React Redux?
I motivi principali per utilizzare React Redux sono:
- React Redux è ufficiale Associazioni dell'interfaccia utente per l'applicazione React. Viene mantenuto aggiornato con qualsiasi modifica API per garantire che i componenti React si comportino come previsto.
- Incoraggia una buona architettura 'React'.
- Implementa internamente molte ottimizzazioni delle prestazioni, che consentono di eseguire nuovamente il rendering dei componenti solo quando effettivamente necessario.
Architettura ridotta
I componenti dell'architettura Redux sono spiegati di seguito.
NEGOZIO: Uno Store è un luogo in cui è elencato l'intero stato della tua applicazione. Gestisce lo stato della domanda e ha una funzione di invio (azione). È come un cervello responsabile di tutte le parti mobili in Redux.
AZIONE: L'azione viene inviata o inviata dalla vista che sono payload che possono essere letti dai riduttori. È un oggetto puro creato per memorizzare le informazioni dell'evento dell'utente. Include informazioni come il tipo di azione, l'ora dell'evento, il luogo dell'evento, le sue coordinate e lo stato che intende modificare.
matematica Java sqrt
RIDUTTORE: Reducer legge i payload dalle azioni e quindi aggiorna di conseguenza il negozio tramite lo stato. È una funzione pura restituire un nuovo stato dallo stato iniziale.
Installazione Redux
Requisiti: React Redux richiede React 16.8.3 o versione successiva.
Per utilizzare React Redux con l'applicazione React, è necessario installare il comando seguente.
$ npm install redux react-redux --save
