Skip to content

Latest commit

 

History

History
70 lines (39 loc) · 2.17 KB

README.md

File metadata and controls

70 lines (39 loc) · 2.17 KB
Raw

De-Bux

A React-Redux DevTool

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 From Chrome Extension Store--

  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!

--Set up | Build your own--

  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!

Usage

Tree View

Time Traveling

Multiple View Options

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

Testing

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

npm run test

Authors

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

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

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

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

Contact

Like what you see or have any suggestions? Feel free to contact to us! DeBuxDevtool@gmail.com