Redux: Gamma di risorse su Redux

Anche se come dice Romain, Troppo tutorial kill tutorial, Ecco un bel elenco di tutorial e risorse su Redux.

Ognuno può portare via ciò di cui ha bisogno. Sentiti libero tramite i commenti di segnalarci altre risorse e perché non le tue?
Cos'è Redux? (fonte: redux.js.org)
Redux è un contenitore di stato prevedibile per le app JavaScript.
Ti aiuta a scrivere applicazioni che si comportano in modo coerente, vengono eseguite in ambienti diversi (client, server e nativi) e sono facili da testare. Inoltre, offre un'ottima esperienza per gli sviluppatori, ad esempio modifica del codice in tempo reale combinata con un debugger che viaggia nel tempo.
Puoi usare Redux insieme a Reagireo con qualsiasi altra libreria di viste.
È minuscolo (2kB, comprese le dipendenze).
http://redux.js.org/
Libri su Redux (La maggior parte dei libri redux sono in corso in questo momento) :
redux_libro_1

The Complete Redux Book (in corso)
Tutto il necessario per realizzare progetti reali con Redux
Come gestisco un grande stato in produzione? Perché ho bisogno di potenziatori del negozio? Come faccio a testare il middleware?
Ottieni le risposte a tutte queste domande e molte altre utilizzando termini semplici e codice di esempio. Scopri tutto ciò di cui hai bisogno per utilizzare Redux per creare applicazioni Web complesse e pronte per la produzione.
https://leanpub.com/redux-book

 redux_libro_2Creazione di applicazioni React.js con Redux – Disponibile a marzo 2017
di David Geary (Autore)https://www.amazon.fr/Building-React-js-Applications-Redux-David/dp/013468138X
libro-redux_3Questo libro è per chiunque voglia conoscere Redux, un contenitore di stato prevedibile per app JavaScript. È rivolto a sviluppatori intermedi che hanno una buona conoscenza della creazione di applicazioni a pagina singola con JavaScript. Anche avere una conoscenza di ES6, programmazione funzionale e React aiuterà, ma non è necessario. Se vuoi seguire gli esempi, dovresti anche conoscere un terminale e sapere cosa sono Node e npm, oltre ad averli installati e pronti per l'uso.
https://www.amazon.fr/Developing-Redux-English-Johannes-Lumpe-ebook/dp/B01KL5RJHU/		 libro-redux_4Codice notevolmente rivisto e nuovo insieme all'edizione. Impara a reagire con oltre 50 componenti personalizzati riutilizzabili. Applica JavaScript ES6. Reagire al caricamento a caldo. Reagire router. Redux. PostCSS, stile FlexBox. Database di Firebase. Imballaggio Webpack. Test di enzimi, moka, chai BDD. ESLint e StyleLint. Sincronizzazione del browser.
https://www.amazon.fr/React-Speed-Coding-Webpack-Flexbox-ebook/dp/B01GLC0Z5K
Un'introduzione a Redux Di Alex Bachuk Redux è una delle librerie più importanti nello sviluppo front-end di questi tempi. Tuttavia, molte persone sono confuse su cosa sia e quali siano i suoi vantaggi.
https://www.smashingmagazine.com/2016/06/an-introduction-to-redux/
10 suggerimenti per una migliore architettura Redux (da Eric Elliott) I seguenti sono suggerimenti che ti aiuteranno a creare app Redux migliori. Se usi Redux correttamente, otterrai importanti vantaggi:

  • Elimina i bug di dipendenza dal tempo
  • Abilita il rendering deterministico della vista
  • Abilita la riproduzione deterministica dello stato
  • Abilita funzioni di annullamento/ripristino facili
  • Semplifica il debug
  • Diventa un viaggiatore del tempo

Ma perché tutto ciò funzioni, devi ricordare alcune regole:

  • I riduttori devono essere funzioni pure
  • I riduttori devono essere l'unica fonte di verità per il loro stato
  • Lo stato del riduttore dovrebbe essere sempre serializzabile
  • Lo stato del riduttore non deve contenere funzioni

Tieni inoltre presente:

  • Alcune app non necessitano di Redux
  • Usa le costanti per i tipi di azione
  • Usa i creatori di azioni per separare la logica di azione dai chiamanti di invio
  • Utilizzare le impostazioni predefinite dei parametri ES6 per le firme autodescrittive
  • Utilizzare i selettori per lo stato calcolato e il disaccoppiamento
  • Usa sempre TDD!

leggi di più su https://medium.com/javascript-scene/10-tips-for-better-redux-architecture-69250425af44
Impara Redux dal suo creatore: Guida introduttiva a Redux 30 video gratuiti su Redux
https://egghead.io/courses/getting-started-with-redux
Guida introduttiva a React, Redux e Immutable: un tutorial basato su test (di Nicolas Goutay) Quello che segue è un tutorial in 2 parti che, si spera, ti guiderà ai principi del modo di fare le cose Redux©. È volutamente limitato nell'ambito (è solo lato client, quindi nessun isomorfismo; un'app piuttosto semplicistica) per mantenerlo in qualche modo conciso. Se vuoi approfondire, posso solo consigliare il tutorial sopra menzionato. È disponibile un repository GitHub complementare qui., che segue i passaggi per l'app finale e contiene una copia di questo articolo. Se hai domande/suggerimenti sul codice e/o sul tutorial, lascia un commento o, meglio ancora, aprire una richiesta pull!

Un tutorial completo di react-redux Continuando la serie di articoli relativi a React, cercheremo di fare un tutorial completo sul framework redux e le sue integrazioni con React, usando la libreria react-redux. Redux può essere utilizzato come alternativa a Flux (di cui abbiamo discusso in un articolo precedente) per orchestrare il passaggio del messaggio tra ui/components/data.
Questo tutorial produrrà anche come risultato un progetto standardizzato supponente (la mia opinione) per la creazione di applicazioni a pagina singola react-redux. Ho usato Django come back-end, tuttavia è possibile utilizzare qualsiasi framework lato server che ti piace, Django viene utilizzato solo per implementare un sacco di API REST tramite django-rest-framework. Puoi sostituirlo con qualsiasi altro framework REST che ti piace.
https://spapas.github.io/2016/03/02/react-redux-tutorial/
 
A presto per un prossimo curriculum su Ember.js
Sebastian, @JS-Repubblica
Altri articoli su Risorse e tutorial:

 
[tipo separatore=”” size=”” icon=”stella”] [actionbox color=”default” title=”” description=”JS-REPUBLIC è una società di servizi specializzata nello sviluppo di JavaScript. Siamo un centro di formazione riconosciuto. Trova tutta la nostra formazione tecnica sul nostro sito partner dedicato alla Formazione” btn_label=”La nostra formazione” btn_link=”http://training.ux-republic.com” btn_color=”primary” btn_size=”big” btn_icon=”star” btn_external =”1″]