de-bux Goto Github PK

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.

1. Install React DevTools.

2. Install De-Bux to your chrome://extensions from the Chrome Web Store.

3. Run your React-Redux application or open a site that uses React Fiber (React 16+).

4. Open Chrome Developer Tools, Click on the “>>” button and select De-Bux.

5. Have fun!

1. Clone the repo and install dependendies:

   npm install

2. Build De-Bux to be used in Chrome Dev Tools:

   npm run build or npm run watch

3. In Chrome Browser, open more tools and Extensions tab and click 'Load Unpacked'

4. Navigate to your local De-Bux directory and select the folder './debux/build'

5. Have fun!

Note: The current version of De-Bux works best for local projects. We are currently working on adding more tests to our test suite.

Run current unit tests or build new ones and execute test suite:

npm run test

Wontae Han (https://github.com/wontaeh)

Alejandro Romero (https://github.com/Alexrom789)

Shafayat Alam (https://github.com/shafayat05)

Jeffrey Schrock (https://github.com/RhythmMagi)

Like what you see or have any suggestions? Feel free to contact to us! [email protected]

Visit our Website De-Bux.com