GraphQL state
Item media 4 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot

Overview

Data visualization for GraphQL state

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?

0 out of 5No ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    0.3.1
  • Updated
    December 16, 2021
  • Size
    1.16MiB
  • Languages
    English
  • Developer
    Email
    babyfish.ct@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Querio - GraphQL and HTTP requests inspector

4.2(8)

Inspect GraphQL and raw HTTP requests/responses like a Boss 😎 ★ Querio intercepts and displays GraphQL, Fetch and XHR requests in…

Altair GraphQL Client

4.6(68)

A beautiful feature-rich GraphQL client for all platforms

Saturn

5.0(4)

Chrome DevTools Network tab tailored for GraphQL

Is This GraphQL

5.0(2)

See whether a website is using GraphQL at a glance

Apollo Tracing

5.0(2)

An extension to help you visualize Apollo graphql tracing data

GraphQL developer tools

3.0(24)

Devtools panel for GraphQL development

Graphql-devtools

5.0(2)

Frameworkless devtool that works regardless of the graphql client being used, keep the same experience debugging your queries.

GraphQL DevTools

3.9(7)

Build an extremely useful tool to manage graphQL queries !

GraphQL Playground for Chrome

5.0(8)

Chrome extension for GraphQL Playground

GraphQL Network Inspector

4.7(110)

Simple and clean network inspector for GraphQL

GraphiQL extension

5.0(4)

Chrome extension for the GraphiQL tool

AEM Chrome Tools

0.0(0)

This Chrome extension will make your life as an AEM developer a bit easier. TESTED ON: - 6.3 - 6.4 FEATURES: - Environment…

Querio - GraphQL and HTTP requests inspector

4.2(8)

Inspect GraphQL and raw HTTP requests/responses like a Boss 😎 ★ Querio intercepts and displays GraphQL, Fetch and XHR requests in…

Altair GraphQL Client

4.6(68)

A beautiful feature-rich GraphQL client for all platforms

Saturn

5.0(4)

Chrome DevTools Network tab tailored for GraphQL

Is This GraphQL

5.0(2)

See whether a website is using GraphQL at a glance

Apollo Tracing

5.0(2)

An extension to help you visualize Apollo graphql tracing data

GraphQL developer tools

3.0(24)

Devtools panel for GraphQL development

Graphql-devtools

5.0(2)

Frameworkless devtool that works regardless of the graphql client being used, keep the same experience debugging your queries.

GraphQL DevTools

3.9(7)

Build an extremely useful tool to manage graphQL queries !

Google apps