Redux : Resources Range about Redux
Even if like Romain says, Too much tutorial kills tutorial, Here is a nice list of tutorial and resources about Redux.
Everyone can take away what he needs. Feel free via the comments to notify us other resources and why not yours ?What is Redux? (source : redux.js.org)
It helps you write applications that behave consistently, run in different environments (client, server, and native), and are easy to test. On top of that, it provides a great developer experience, such as live code editing combined with a time traveling debugger.
You can use Redux together with React, or with any other view library.
It is tiny (2kB, including dependencies).
http://redux.js.org/ Books about Redux (Most of redux books are in progress at this time) :
The Complete Redux Book (in progress)
|Building React.js Applications With Redux – Available on March 2017
By David Geary (Auteur)https://www.amazon.fr/Building-React-js-Applications-Redux-David/dp/013468138X
https://www.smashingmagazine.com/2016/06/an-introduction-to-redux/ 10 Tips for Better Redux Architecture (from Eric Elliott) The following are tips that will help you build better Redux apps. If you use Redux correctly, you’re going to get major benefits:
- Eliminate timing dependency bugs
- Enable deterministic view renders
- Enable deterministic state reproduction
- Enable easy undo/redo features
- Simplify debugging
- Become a time traveler
But for any of that to work, you have to remember some rules:
- Reducers must be pure functions
- Reducers must be the single source of truth for their state
- Reducer state should always be serializable
- Reducer state should not contain functions
Also keep in mind:
- Some Apps don’t need Redux
- Use constants for action types
- Use action creators to decouple action logic from dispatch callers
- Use ES6 parameter defaults for self-describing signatures
- Use selectors for calculated state and decoupling
- Always use TDD!
https://egghead.io/courses/getting-started-with-redux Getting Started with React, Redux and Immutable: a Test-Driven Tutorial (by Nicolas Goutay) What follows is 2 parts tutorial that will hopefully guide you to the principles of the Redux way of doing things©. It is purposefully limited in scope (it’s client-side only, so no isomorphism; a quite simplistic app) in order to keep it somewhat concise. If you want to dig further, I can only recommend the tutorial mentioned above. A companion GitHub repo is available here, which follows the steps to the final app and has a copy of this article. If you have any questions/suggestions on the code and/or the turorial, please leave a comment or – better yet, open a Pull Request! A comprehensive react-redux tutorial Continuing the series of React-related articles, we’ll try to make a comprehensive tutorial to the redux framework and its integrations with React, using the react-redux library. Redux can be used as an alternative to Flux (which we discussed in a previous article) to orchestrate the message passing between ui/components/data.
This tutorial will also produce as a result an opinionated (my opinion) boilerplate project for creating react-redux Single Page Applications. I have used Django as the back end however you could use any server-side framework you like, Django is only used for implementing a bunch of REST APIs through django-rest-framework. You may replace it with any other REST framework you like.
See you soon for a next resume about Ember.js
More articles about Resources and tutorials :
- REACT : http://blog.js-republic.com/20-resources-and-tutorials-about-reactjs-framework/
- NODE : http://blog.js-republic.com/compilation-de-tutos-ressources-nodejs/
- GRAPHQL : http://blog.js-republic.com/compilation-ressources-graphql/
- METEOR : http://blog.js-republic.com/compilation-ressources-meteor/
- TYPESCRIPT : http://blog.js-republic.com/resources-range-about-typescript/
- REDUX : http://blog.js-republic.com/resources-range-about-redux/ (👈 you are here)
- EmberJS : http://blog.js-republic.com/emberjs-resources-range/
- Angular : http://blog.js-republic.com/angular-resources-range/