A chrome devtools extension for Urql.
Features:
- See operations and responses in real time
- Easily trigger requests via the client
- Test your exchanges in a browser environment
Requirements
- Urql v1.2.0 (or later)
- Chrome extension
Usage
Install the devtools exchange
# Yarn
yarn add -D @urql/devtools
# Npm
npm i -D @urql/devtools
Add the devtools exchange to your Urql client
// ...
import {
cacheExchange,
createClient,
dedupExchange,
fetchExchange
} from "urql";
import { devtoolsExchange } from "@urql/devtools";
// ...
const client = createClient({
url: "http://localhost:3001/graphql",
exchanges: [dedupExchange, devtoolsExchange, cacheExchange, fetchExchange]
});
Contributing
Have experience working with devtools extensions or want to get involved? Check out our contributing docs to get started.