Stop Being Afraid of Redux: Learn it the Right Way (Tutorial Included)

Below this article is a link to the source code for a small app using React with Redux which includes some videos and challenges in the README.

Maybe Redux confuses you. Even if you’ve been using it for a bit. When I talk with Junior Developers, it consistently ranks as one of the most difficult to understand parts of working with ReactJS. It doesn’t have to be.

Now, let’s dive in.

What is Redux Really?

A predictable state container. But what does that mean?

Whether you’re using Angular, Vue or React you will have to manage the state/data for your components. In React you may be using props or state to share data between components. In more complex applications eventually managing local state and sharing data across components may get unwieldy.

In order to centralize your state logic you can leverage a library like Redux. This has the additional benefit of creating some separation between your presentational and state logic.

Why Does Redux Confuse So Many Developers?

TLDR; Redux has a lot of boilerplate and tutorials usually leverage a weird pattern.