Debugging a React application using React and Redux Dev Tools

Debugging is essential for any application, it helps us to identify and fix bugs. Chrome has two powerful tools to debug React/Redux applications integrating those to its Developer Tools. React Dev Tool and Redux Dev Tool.

Getting Ready

Using Google Chrome, you have to install both extensions:

• React Developer Tools: https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi
• Redux DevTools: https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=es

Also, you need to install the redux-devtools-extension package:

npm install --save-dev redux-devtools-extension

Once you&apos...