The Power of Redux
Discover the benefits of using Redux to manage state beyond React's built-in capabilities. Learn through examples how Redux simplifies building applications from simple counters to complex chat apps, setting you up for practical Redux implementation.
We'll cover the following...
By now you must be wondering why you’re spending so much time learning about the store, reducers and actions.
Why exactly would you invest in learning Redux when you’re already comfortable with React?
Well, let’s take a look at some of the apps we’ll be building in this course. This will give you a good idea about the potential of Redux.
First up, here’s a basic time counter application:
export const setActiveSession = session => ({
type: "SET_ACTIVE_SESSION",
payload: session
});
export const updateCounter = (type, activeSession) => ({
type,
payload: activeSession
});Not bad. It’s nothing too complicated. So how about a more complex example?
Here’s Skypey:
import { createStore } from "redux";
import rootReducer from "../reducers";
const store = createStore(rootReducer);
export default store;That one’s pretty cool, and let me tell you, it’s not very easy to implement.
You’ll make these apps as we go along the course and you will notice how Redux makes it easier to create and manage apps like these.
On that note, let’s move on to making our first Redux application. See you in the next section.