From the course: Building Modern Projects with React
Unlock this course with a free trial
Join today to access over 24,800 courses taught by industry experts.
Redux DevTools - React.js Tutorial
From the course: Building Modern Projects with React
Redux DevTools
- [Instructor] All right, so now that we've seen how to add Redux to a simple React application, the last thing that I want to show you here before we move on is the Redux Extension for your browser. So, I'm using Chrome here. And what you're going to want to do, if you want to use this extension, which I'd highly recommend that you do, is search under Extensions for Redux DevTools and install it. You can see that I've already installed it into my browser. Now once you've done this, what you should be able to do is on any app that uses Redux behind the scenes, you should be able to open up an Inspector window and find Redux as one of the options for the Devtools here. And sure enough, what you'll see is that this will actually give you a large amount of insight into what's going on behind the scenes when you interact with the app. So as you can see, as we were just testing out the different actions in the previous video, the Redux DevTools actually registered each of those actions and…
Contents
-
-
-
-
-
-
-
-
(Locked)
Why do we need Redux?2m 33s
-
(Locked)
How does Redux work?4m 35s
-
(Locked)
Adding Redux to a React app4m 57s
-
(Locked)
Creating Redux actions4m 17s
-
(Locked)
Creating reducers4m 27s
-
(Locked)
Loading data from the store5m 7s
-
(Locked)
Dispatching Redux actions7m 10s
-
(Locked)
Adding action payloads2m 46s
-
(Locked)
Challenge: Adding a Redux flow1m 1s
-
(Locked)
Solution: Adding a Redux flow2m 56s
-
(Locked)
Redux DevTools4m 35s
-
(Locked)
-
-
-
-
-
-