Data visualization for GraphQL state
GraphQL state Extension
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?
Source Manifest.json
Similar Extensions
Apollo Tracing 126 2 ★ 97.43KiB
GraphQL developer tools 126 24 ★ 98.19KiB
Graphql-devtools 126 2 ★ 1.57MiB
GraphQL DevTools 126 7 ★ 521KiB
GraphQL Playground for Chrome 126 9 ★ 1.36MiB
GraphQL Network Inspector 126 123 ★ 8.34MiB
GraphiQL extension 126 4 ★ 601KiB
AEM Chrome Tools 126 0 ★ 533KiB
Querio - GraphQL and HTTP requests inspector 126 8 ★ 2.1MiB
Altair GraphQL Client 126 68 ★ 6.78MiB
Apollo Inspector 126 1 ★ 395KiB
Is This GraphQL 126 2 ★ 1.05MiB
Graphql Inspector 126 0 ★ 2.33MiB
Apollo Client Devtools 126 266 ★ 490KiB
Graphql Query Generator 126 5 ★ 1.9MiB
React Context DevTool 126 21 ★ 2.35MiB
Saturn 126 4 ★ 569KiB
ChromeiQL 126 32 ★ 682KiB
React Stores Devtools Extension 126 0 ★ 716KiB
Reactime 126 33 ★ 803KiB
React Performance Devtool 126 11 ★ 170KiB
React Repositories New Tab 126 0 ★ 728KiB
Relay Developer Tools 126 6 ★ 106KiB
Esri AEM Chrome Extension 126 2 ★ 24.8KiB