From the course: Building Modern Projects with React
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Redux DevTools
- So far, when working with Redux, we've had to sort of blindly develop and rely on the state of our components to show us what's actually in our Redux store at any given moment. However, there's absolutely no reason we shouldn't be able to simply look directly at the state of our application at any given moment. In order to do this, we can use something called: Redux Devtools. So the first thing we're going to do here is install Redux Devtools into our browser. I'm going to show you how to do this with Google Chrome, but the process should be pretty similar with any other browser. The way I usually find it is by just googling: redux extension chrome, clicking on the first link, and then when that comes up, I just click: Add to Chrome, and click add extension. And once we've added that to our browser, what we're going to do is go back to our code and open up our store.js file and there's something we need to add…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
Why do you need Redux?4m 11s
-
How does Redux work?4m 35s
-
Adding Redux to a React app3m 24s
-
Creating Redux actions4m 16s
-
Creating reducers6m 23s
-
Connecting components to the store7m 1s
-
Running a React-Redux application4m 32s
-
Persisting the Redux store6m 43s
-
Redux DevTools3m 34s
-
Redux best practices3m 53s
-
Challenge: Adding a Redux flow1m 56s
-
Solution: Adding a Redux flow4m 14s
-
-
-
-
-
-