GraphQL state

Data visualization for GraphQL state

GraphQL state Chrome extension

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.

Download

Extension stats

By: ba*****@gmail.com

Users: 134

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

Email: ba*****@gmail.com

Ranking

# 65,549 ▲ 1,867

Other rankings

#8559 in Developer Tools ▲ 44 #10 in state keyword 5 ▲ 3 #78 in graph keyword 8 ▲ 3 #102 in cause keyword 19 ▼ 1 #191 in cache keyword 10 ▲

Other platforms

Not available on Android

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

Analyze keywords

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".

Simple states The framework supports simple state management similar to "recoil", this tab page can visualize all simple states for you.
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.
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.