Programmers, anyone from a novice to an expert, can make mistakes when writing computer code. These mistakes are referred to as a bug. A bug can be classified as a syntax bug or a logical bug. The process of identification and eradication of such bugs in a computer program is referred to as debugging. According to recent Cambridge University research, debugging can consume up to fifty percent of development time leading to the project delay and over budget consumption. Such debugging techniques can be classified into three broad types: programming techniques, diagnosis analysis tools, and general-purpose debuggers.

In this chapter, we are going to discuss various debugging techniques and tools that can be used during the development of React, the Redux application. Moreover, we will be learning about the Hot Module Reloading (HMR) and its importance.

The following topics will be covered:

• Integrating Redux DevTools into our application
• Excluding Redux DevTools from the production environment
• Setting up HMR
• Using Redux DevTools to debug an application