Data visualization for GraphQL state

Latest Version

Version
0.3.1
Update
December 15, 2021
Size
1.16MiB
Developer
Category
Users
126
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
See more

GraphQL state Extension

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.

The framework allows developer only focus on main mutation, all the extra mutations will be executed automatically.

Compare with Apollo Client and Relay, after mutation, you neither need to update other affected data in the cache, nor need to determine which queries will be affected and need to be refetched.

When the framework is automatically performing extra mutations, it can choose to modify the cache directly, or it may choose to evict affected data from cache (this will cause related queries to be refetched automatically).

Obviously, the first choice is better than the second choice. This tab page lists the history of the second choice made by the framework, and tells the developer the following information.

i. Why did the framework make the second choice?
ii. Is it possible for developers to intervene in optimization and let framework make the first choice?
iii. If so, what should developers do?
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "GraphQL state", "description": "Data visualization for GraphQL state", "version": "0.3.1", "manifest_version": 3, "devtools_page": "devtools.html", "icons": { "16": "images/16_16.png", "32": "images/32_32.png", "48": "images/48_48.png", "128": "images/128_128.png" }, "content_scripts": [ { "matches": ["http://*/*", "https://*/*"], "js": ["content-script.js"] } ]}
Read more

Similar Extensions

icon

Apollo Tracing Extension · Developer Tools 126 2 ★ 97.43KiB

icon

GraphQL developer tools Extension · Developer Tools 126 24 ★ 98.19KiB

icon

Graphql-devtools Extension · Productivity 126 2 ★ 1.57MiB

icon

GraphQL DevTools Extension · Developer Tools 126 7 ★ 521KiB

icon

GraphQL Playground for Chrome Extension · Developer Tools 126 9 ★ 1.36MiB

icon

GraphQL Network Inspector Extension · Developer Tools 126 123 ★ 8.34MiB

icon

GraphiQL extension Extension · Developer Tools 126 4 ★ 601KiB

icon

AEM Chrome Tools Extension · Developer Tools 126 0 ★ 533KiB

icon

Querio - GraphQL and HTTP requests inspector Extension · Developer Tools 126 8 ★ 2.1MiB

icon

Altair GraphQL Client Extension · Developer Tools 126 68 ★ 6.78MiB

icon

Apollo Inspector Extension · Developer Tools 126 1 ★ 395KiB

icon

Is This GraphQL Extension · Developer Tools 126 2 ★ 1.05MiB

icon

Graphql Inspector Extension · Developer Tools 126 0 ★ 2.33MiB

icon

Apollo Client Devtools Extension · Developer Tools 126 266 ★ 490KiB

icon

Graphql Query Generator Extension · Developer Tools 126 5 ★ 1.9MiB

icon

React Context DevTool Extension · Developer Tools 126 21 ★ 2.35MiB

icon

Saturn Extension · Developer Tools 126 4 ★ 569KiB

icon

ChromeiQL Extension · Developer Tools 126 32 ★ 682KiB

icon

React Stores Devtools Extension Extension · Developer Tools 126 0 ★ 716KiB

icon

Reactime Extension · Developer Tools 126 33 ★ 803KiB

icon

React Performance Devtool Extension · Developer Tools 126 11 ★ 170KiB

icon

React Repositories New Tab Extension · Developer Tools 126 0 ★ 728KiB

icon

Relay Developer Tools Extension · Developer Tools 126 6 ★ 106KiB

icon

Esri AEM Chrome Extension Extension · Developer Tools 126 2 ★ 24.8KiB