Redux Async Actions – Redux Tutorial #6

Async Actions with Redux are a piece of cake…you just have to know what to do. Handling Ajax in Redux is as simple as firing off several actions: one for start, one for completion, one for error.

Dispatching multiple, synchronous actions allows your React layer to still be a 100% static representation of the state of your store. So React itself will never have any application state, only your store will. This is the biggest hangup of developing React/Redux applications – where do you keep state? Once you learn that 100% of the application state lives in the store, everything gets drastically simpler in Redux.


Redux Middleware Tutorial – Redux Tutorial #5

Redux middleware is awesome, it allows you to keep the simplicity of Redux, yet extend it’s functionality. Adding global things like loggers, error handlers, etc are incredibly simple.

In this react redux tutorial, we’re going to create a redux logger middleware and error handling middleware that intercept every redux action in our react.js app.

As you see, adding redux middleware to our react app is incredibly easy.


Multiple Reducers with Redux Reducers – Redux React Tutorial #4

Once your store is in place, you’ll want to set up multiple Redux reducers to act on parts of your data store. Redux reducers are great in that they are only aware of part of your data, and the rest of the data is neither reachable nor able to be mutated by your reducer.


Reducers are a great concept in Redux, because they allow your react application to have specific pieces of data that all update synchronously. All reducers run against your Redux store, and then the store triggers a change event and your entire React.js application re-renders.

The biggest thing to keep in mind with Redux reducers is you don’t want to mutate your state. ALWAYS return a new state rather than mutating the old state values.


Basic Redux Introduction – Redux Tutorial #3

Let’s build a bare-bones Redux app to help you understand how simple it can be. Redux is incredibly simple once you understand where everything goes and what’s happening under the hood.


In this React Redux tutorial, I’ll give you a Redux Introduction that shows the bare-minimum requirements to get a Redux app started. You’ll notice that there isn’t even a React application that I’m using. That’s because Redux is not based on React, although it plays beautifully with a React ecosystem.

Redux is an elegantly simple way to manage state for your applications. React, Angular…almost any app can plug into a Redux store.