Read me · redux , redux

+

Redux è un contenitore stato prevedibile per le applicazioni JavaScript. (Se si & APOS; re alla ricerca di un quadro di WordPress, controllare il Redux Framework.) Esso consente di scrivere applicazioni che si comportano in modo coerente, eseguiti in diversi ambienti (client, server, e nativi), e sono facili da testare. In cima a quello, esso offre una grande esperienza di sviluppo, come l'editing di codice vivace combinata con un debugger tempo di viaggio. È possibile utilizzare Redux insieme a reagire. o con qualsiasi altra libreria vista. Si tratta di minuscoli (2kB, incluse le dipendenze). **Nuovo! Imparare Redux dal suo creatore: Testimonianze Jing Chen, creatore di Flux Bill Fisher, autore di documentazione Flux Andr & # xE9; Staltz, creatore di Cycle Developer Experience Ho scritto Redux mentre si lavora su mia Reagire Europa discorso chiamato & # x201C; Hot ricaricamento con Time Travel & # x201D ;. Il mio obiettivo era quello di creare una libreria di gestione dello stato con API minima, ma un comportamento del tutto prevedibile, per cui è possibile implementare la registrazione, ricarico caldo, il viaggio nel tempo, le applicazioni universali, registrare e riprodurre, senza alcun buy-in da parte dello sviluppatore. Influenze Redux evolve le idee di cambiamento continuo. ma evita la sua complessità, prendendo spunti da Elm. Fatto che siano stati utilizzati o meno, Redux richiede solo pochi minuti per iniziare con. Installazione Per installare la versione stabile: Ciò presuppone che si sta utilizzando NPM come il gestore di pacchetti. Se non & APOS; t, è possibile accedere a questi file su unpkg. scaricarli, o puntare il gestore di pacchetti a loro. Più comunemente la gente consuma Redux come un insieme di moduli CommonJS. Questi moduli sono quello che si ottiene quando si importa redux in un Webpack. Browserify. o in un ambiente nodo. Se vi piace vivere al limite e l'uso cumulativo. sosteniamo che pure. Se non & APOS; t utilizzare un bundler modulo, & APOS; s anche bene. Il pacchetto redux NPM comprende la produzione e lo sviluppo precompilato UMD costruisce nella cartella dist. Essi possono essere utilizzati direttamente senza una fardellatrice e sono quindi compatibili con molti popolari caricatori modulo JavaScript e ambienti. Ad esempio, è possibile eliminare un UMD costruire come & lt; script & gt; tag nella pagina, o dire Bower per installarlo. L'UMD costruisce rendere Redux disponibile come una variabile globale window. Redux. Il codice sorgente Redux è scritto in ES2015 ma precompilare sia CommonJS e UMD costruisce per ES5 in modo da lavorare in qualsiasi browser moderno. È don & APOS; t bisogno di usare Babel o un bundler modulo per iniziare con Redux. Pacchetti complementari Si noti che a differenza Redux sé, molti pacchetti nell'ecosistema Redux don & APOS; t fornire UMD costruisce, quindi si consiglia di utilizzare affastellatori modulo CommonJS come Webpack e Browserify per il più comodo esperienza di sviluppo. il Gist L'intero stato della vostra applicazione è memorizzato in un albero di oggetti all'interno di un unico negozio. L'unico modo per cambiare la struttura di stato è ad emettere un'azione. un oggetto che descrive quello che è successo. Per specificare come le azioni trasformano l'albero dello stato, si scrive riduttori puri. Invece di mutare direttamente lo stato, si specificano le mutazioni che si desidera che accada con gli oggetti semplici chiamati azioni. Poi si scrive una funzione speciale chiamata un riduttore per decidere come ogni azione trasforma l'intera applicazione & APOS; s stato. Se & APOS; re proveniente da Flux, c'è una sola differenza importante è necessario capire. Redux doesn & APOS; t hanno un Dispatcher o sostengono molti negozi. Invece, c'è un solo negozio con una singola funzione radice riducendo. Come la vostra applicazione cresce, invece di aggiungere negozi, di dividere il riduttore radice in piccoli riduttori operanti in modo indipendente sulle diverse parti dell'albero stato. Questo è esattamente come se ci fosse un solo componente principale in una applicazione reagire, ma è composto da molti piccoli componenti. Questa architettura potrebbe sembrare un eccessivo per una applicazione contatore, ma la bellezza di questo modello è quanto bene scale di applicazioni grandi e complessi. Consente inoltre molto potenti strumenti di sviluppo, perché è possibile rintracciare ogni mutazione l'azione che ha causato. È possibile registrare le sessioni utente e li riproducono semplicemente riproducendo ogni azione. Imparare Redux dal suo creatore Primi passi con Redux è un video corso composto da 30 video narrati da Dan Abramov, autore di Redux. È stato progettato per completare il & # x201C; Basics & # x201D; parte dei documenti, mentre portando ulteriori approfondimenti circa l'immutabilità, i test, le migliori pratiche Redux, e l'utilizzo di Redux con Reagire. Questo corso è gratuita e sarà sempre. Sandrino Di Mattia risultati corrispondenti "" Nessun risultati corrispondenti ""