Dev Toolbar is a simple utility that runs in the browser to help you glance at your web application's performance.
Originally built for featureOS.
A simple developer toolbar for react based apps.
These are the metrics Dev Toolbar shows right now:
- FPS
- Memory
- DOM elements size
These are some of the planned features. Also submit a new issue over here if you need some more to be incorporated.
- Chrome Extension
- Dark and light mode
- Custom buttons
- Areas (islands) to render whatever you want
npm install dev-toolBarimportReactfrom'react'importDevToolBarfrom'dev-toolBar'constApp=()=>{return(<div><h1>Hello World</h1><DevToolBar/></div>)}- Fork it!
- Create your feature branch:
git checkout -b feat-{feature-name} - Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin feat-{feature-name} - Submit a pull request :D
