In Chapter 5, Creating a Screen Capturer with NW.js, React and Redux Planning, Design and Development, you have learned the essentials of the Redux state container. We built a functional prototype using Redux. However, when building your own application, you may need to know when and what is happening to the state tree exactly.
Fortunately, Redux accepts middleware modules to deal with cross-cutting concerns. The concept is pretty similar to the one of the Express framework. We can extend Redux by hooking third-party modules on the event when an action gets dispatched but hasn't yet reached the reducers. It doesn't make much sense to write a custom logger as many are already available (http://bit.ly/2qINXML). For example, for tracing changes in the state tree, we can use the redux-diff-logger module that reports only the state diffs, which makes it much...