Skip to content

Latest commit

 

History

History
36 lines (22 loc) · 1.02 KB

README.md

File metadata and controls

36 lines (22 loc) · 1.02 KB
Raw

Graphql-devtools

The frameworkless graphql devtools, focusing in a good DX

devtool image example

Development

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.

Every change still needs a manual work

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.