De-Bux is a React-Redux DevTool designed for helping developers debug their React applications more efficiently. De-Bux allows you to visualize the component hierarchy of your React application and your Redux global store side by side, making development a breeze.
--Set Up--
-
Install React DevTools.
-
Install De-Bux to your chrome://extensions. Change to developer mode and "Load Unpacked" the build folder.
-
Run your React-Redux application or open a site that uses React Fiber.
-
Open Chrome Developer Tools, Click on the “>>” button and select De-Bux.
-
Have fun!