Learning Redux

Usage

This monitor displays all actions in a log format. You can click on the action type to exclude a certain action. Redux DevTools will then recompute the state without this action (you can see this happening in the screenshot). We can make use of hot reloading by changing the reducer code and seeing what happens with/without the action by toggling it.

You can browse the action and state objects with a tree view to figure out which actions caused a certain state change. Set the markStateDiff property to true to visually highlight state changes.

There are four buttons at the top of the monitor (above the log):

• Reset: This resets the app to the initial state, without any actions dispatched.
• Commit: This removes all actions in the log and ...