From the course: React: State Management (2019)
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Debugging with Redux - React.js Tutorial
From the course: React: State Management (2019)
Debugging with Redux
- [Instructor] Redux's immutability and one-way data flow approach to state management makes it relatively nice to debug. In applications with two-way data binding, it can be hard to find the source of an issue where your state isn't what you think it should be. Because of Redux's structure, there are powerful tools that we can use to debug that go far beyond console logging. First, let's make sure that we have Redux DevTools installed. So, let's go here, and let's search for Redux DevTools. You can see that I already have it installed, but what you're going to want to do is add it to your Chrome browser. Next what we're going to do is we're going to take a look at the Redux DevTools extension repository on GitHub. You can see here that there are instructions for every browser if you're not using Chrome. But since we are, let's go ahead and take a look at the installation instructions. First, we went ahead and installed the extension from the Chrome web store. Now what we'll need to…
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.