GraphQL state

Data visualization for GraphQL state

GraphQL state란 무엇입니까?

GraphQL state은(는) Unknown에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "Data visualization for GraphQL state"입니다.

확장 프로그램 스크린샷

screenshot
screenshot
screenshot
screenshot

GraphQL state 확장 프로그램 CRX 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

                        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?                    

확장 프로그램 기본 정보

이름 GraphQL state GraphQL state
ID bhpeanmgkcpkpnkpmemoomlfflmaaddo
공식 URL https://chromewebstore.google.com/detail/graphql-state/bhpeanmgkcpkpnkpmemoomlfflmaaddo
설명 Data visualization for GraphQL state
파일 크기 1.16 MB
설치 횟수 154
현재 버전 0.3.1
최근 업데이트 2021-12-16
출시 날짜 2021-12-15
개발자 Unknown
이메일 [email protected]
결제 유형 free
확장 프로그램 웹 사이트 https://github.com/babyfish-ct/graphql-state
지원되는 언어 en
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"
            ]
        }
    ]
}