To simplify your GraphQL development workflow, a great extension to your toolbox is the Apollo Client Devtools Chrome extension.
This Chrome extension offers the following features:
- GraphiQL UI: Serves a GraphiQL UI to query your GraphQL endpoint(and local cache) through the Apollo network interface.
- Queries inspector: View the queries being actively watched on any given page. See when they’re loading, what variables they’re using.
- Mutations inspector: View executed mutations and variables.
- Cache: View the state of your client-side cache as a tree and inspect every object inside. Visualize the mental model of the Apollo cache. Search for specific keys and values in the store and see the path to those keys highlighted.