The frameworkless graphql devtools, focusing in a good DX

All we have to do is install the dependencies:

$ yarn

Then run our development server:

$ yarn start

Then load the extension in your Chrome browser:

1. Access chrome://extensions;
2. Enable the Developer mode (top-right corner);
3. Click on Load unpacked;
4. Select the graphql-devtools/build dir.

Finally, open any website running GraphQL, open your DevTools and then select the GraphQl tab.

Later we might discuss the possibility of introducing a sample webpage as well with a few buttons to perform different requests, so that we don't have to open a random website to test our extension.

Due the way extensions work, on every change, we still need to do some manual work.

In the app running inside the GraphQl tab, right-click and then select Reload frame. It will reload the extension page with any updated code.