Building your first React + Redux Application (#2): Actions, Reducers, and Store

Wondering what the Redux craze is? In this video, I introduce Actions, Reducers, and the Store as well as implement a simple data-flow for our application.

Watch for the ending where I show you the simplest way of implementing Redux: a pub/sub with Reducers as a middleware upon dispatch.

Follow me on:

[hoads]

Great tutorial. Probably one of the best on redux i've actually come across. Looking forward to getting onto the next video!

[arjan]

Very helpful video. It pairs nicely with the Redux documentation. Thanks for making this.

[coAdjointTom]

Apologies if you sort this out or if I'm wrong but it appears that around the 29 minute mark you mutate the variable task by setting the value of task.completed. I appreciate that the action is 'thrown away' and is not the state of the application but would it not be better practice to copy the action.payload to a new variable with the completed field set to false?

[joe]

This is an excellent tutorial, but I have one question: Should the payload on GET_FORM_DATA be empty? My store seems to be empty whenever I call it, though it is definitely getting populated according to the subscribe method. But just says Payload: object MyData:Array(0)

[danitk]

great tutorial, still very confusing to me.

[dragonfly]

it should be more code and less talking spent 3 hours just talk about theory, you should explain things as you go, but a very good intro thanks!