https://github.com/kentcdodds/app-dev-tools
An example of how to create and hook up App DevTools to improve your development productivity of your application
https://github.com/kentcdodds/app-dev-tools
kcd-edu
Last synced: about 1 year ago
JSON representation
An example of how to create and hook up App DevTools to improve your development productivity of your application
- Host: GitHub
- URL: https://github.com/kentcdodds/app-dev-tools
- Owner: kentcdodds
- Created: 2020-02-17T20:48:48.000Z (over 6 years ago)
- Default Branch: main
- Last Pushed: 2021-01-25T23:11:50.000Z (over 5 years ago)
- Last Synced: 2025-04-15T05:56:54.476Z (over 1 year ago)
- Topics: kcd-edu
- Language: JavaScript
- Homepage: https://kentcdodds.com/blog/make-your-own-dev-tools
- Size: 168 KB
- Stars: 126
- Watchers: 3
- Forks: 16
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# App DevTools
A little demo of how you might implement custom App Developer Tools.
In this example, we're using custom DevTools to make it easy to enable/disable
["feature toggles"](https://en.wikipedia.org/wiki/Feature_toggle). Please note
that the concept of App DevTools has WAY more applicability than just feature
toggles.
Files to take a look at to learn how the feature toggles are implemented for
this app:
- `public/config.js`
- `public/index.html`
- `src/feature-toggles.js`
- `src/App.js`
Once you understand how the feature toggles work, then check out how the dev
tools are installed and how they allow you to interact with the feature toggles
by opening `src/index.js` and files in `src/dev-tools/`.