GraphQL state for Google Chrome

GraphQL state: Data Visualization for GraphQL State

The "GraphQL state" panel consists of three tab pages: "Simple states", "Graph states", and "Evict Logs".

The "Simple states" tab page allows you to visualize all the simple states supported by the framework, which is similar to "recoil" state management.

The "Graph states" tab page visualizes the normalized-cache used for managing data and relationships, similar to "Apollo Client" and "Relay" graph state management.

The "Evict Logs" tab page is the core feature of the framework. It focuses on the essence of UI state, where one main mutation can cause multiple extra mutations. The framework automates these extra mutations, eliminating the need for manual updates to affected data in the cache or determining which queries need to be refetched.

The "Evict Logs" tab page provides insight into the choices made by the framework regarding cache modification or eviction of affected data. It explains why the framework made certain choices, whether developers can intervene in optimization to prioritize cache modification, and provides guidance on how developers can do so.