GraphQL state

Data visualization for GraphQL state
What is GraphQL state?
GraphQL state is a Chrome extension that adds a panel to your devtools for visualizing and debugging the state of your GraphQL data. It provides visualization for simple states, graph states, and evict logs, making it easier to understand and optimize your GraphQL state management.

Extension stats

Users: 128 ▲ 3
Version: 0.3.1 (Last updated: 2021-12-16)
Creation date: 2021-12-15
Risk impact: Moderate risk impact
Risk likelihood: Low risk likelihood
Manifest version: 3
Size: 1.22M

Other platforms

Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

This Chrome extension will add a panel named "GraphQL state" to your devtools. When you use the framework "https://github.com/babyfish-ct/graphql-state", it can help you debug.

In the "GraphQL state" panel, you will see three tab pages: "Simple states", "Graph states" and "Evict Logs".

  1. Simple states The framework supports simple state management similar to "recoil", this tab page can visualize all simple states for you.

  2. Graph states The framework supports graph state management similar to "Apollo Client" and "Relay", its built-in normalized-cache is used to manage all data and relationships. This tab page can visualize this normalized-cache for you.

  3. Evict Logs

This is the core value of the framework.

The essence of UI state is that one main mutation causes N extra mutations, the more complex the UI, the larger the N.

See more

Extension safety

Risk impact

GraphQL state requires a few sensitive permissions. Exercise caution before installing.

Risk likelihood

GraphQL state has earned a fairly good reputation and likely can be trusted.

Upgrade to see risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to GraphQL state: