Learn how to use Redux step-by-step

Redux is unnecessary complexity. Anyone considering it, please do yourself a favor: check out an MVC framework and see how simple it is. Remember, when React first came out they described at as "React is the V in MVC." Adopt MVC in your project and watch your productivity soar.

Note: Some people believe that MVC implies two-way data binding. This is false.

For small projects it can sometimes be heavy weight , especially making all those 'best practice' container modules / action modules .

This tutorial is pretty good, if a bit quirkily formatted.

I'm a Redux maintainer, and I'd like to toss out a bunch of additional resources for learning Redux.

First, I do recommend that people start by reading the official docs [0], and watching Dan Abramov's videos on Egghead [1].

Next, I keep a big list of links to high-quality tutorials and articles on React, Redux, and related topics, at [2] . Specifically intended to be a great starting point for anyone trying to learn the ecosystem, as well as a solid source of good info on more advanced topics. It includes links for learning core Javascript (ES5), modern Javascript (ES6+), React, Redux, and much more. The list has a category containing many other Redux tutorials [3] (and the tutorial linked here is already in that list).

I published an "Intro to React (and Redux)" presentation at [4] , which is a good overview of the basic concepts for both React and Redux. I also frequently publish blog posts on Redux-related topics. I have a tutorial series on my blog called "Practical Redux" [5], which is intended to demonstrate a variety of useful React+Redux concepts and techniques in the context of a sample application, and my "Idiomatic Redux" blog series [6] discusses things like why certain Redux usage patterns exist in the first place, and why I consider certain approaches to be good or bad

I highly recommend that anyone interested in React or Redux check out the Reactiflux chat channels on Discord [7]. It's a great place to hang out, learn, and ask questions, and there's always some people online who are happy to help answer questions. I'm usually online there evenings US EST.

Finally, I personally am always happy to answer questions about how to learn or use React and Redux. Please feel free to ping me on Reactiflux, Twitter, Reddit, HN, or anywhere else you happen to see me :) I'm also keeper of the Redux docs, and always open to suggestions for improvements and offers to help make them better.

[0] http://redux.js.org/

[1] https://egghead.io/series/getting-started-with-redux

[2] https://github.com/markerikson/react-redux-links

[3] https://github.com/markerikson/react-redux-links/blob/master...

[4] http://blog.isquaredsoftware.com/2017/02/presentation-react-...

[5] http://blog.isquaredsoftware.com/series/practical-redux/

[6] http://blog.isquaredsoftware.com/series/idiomatic-redux

[7] https://www.reactiflux.com

So what is the problem solved by Redux? I don't see a simple explanation of that in your write up. Most people struggle when asked this question. Some people go on about "time travel" and other fancy things that have nothing to do with the business problem you're trying to solve. Other people talk about "single source of truth" as if that didn't exist before Redux.

This was a really long article so you may probably missed my reasoning for using redux. I'm copying from the "Introduction to redux section" (which comes right after the "Introduction"):

"I have to say that I got interested in redux because of all that buzz this framework generated. However, I got really interested in it when I understood how close its philosophy was to functional programming - this, when combined with the usage of react functional components will enable you to write great code and (most important for me) really enjoy coding with it [...]"

So, for me the reason for using redux is its functional programming related philosophy. Ofcourse there are other js frameworks that are more functional (in the fp meaning of the word functional) like hyperapp, choo and definitely many others I'm not aware of but most of them built on the concepts of react functional components and redux, and redux is much more popular.