Client-Side Graph State Management for Relational Data Alignment

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Managing state data in large and complex web applications is challenging due to the difficulty in scaling and handling the structure of data, especially when changes to the data model are desired, as relational databases have rigid structures that may not align with the client-side application's data model.

Innovation Solution

Transforming relational data into a graph data structure comprising vertices and edges to represent state data on the client-side, allowing for efficient data operations and management that aligns with the client-side data model, independent of the server-side structure.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Productivity

If relational database structure is used on server-side, then data storage and retrieval is efficient, but client-side data model alignment becomes difficult and code complexity increases

Engineering Contradiction:
Improvedata operations efficiencyVSAvoidcode complexity
Core Design Contradiction:
ProductivityVSDevice complexity

Solution Approach 1:

The patent introduces a graph data structure as an intermediary layer between the relational database and the client-side application. This graph structure with vertices and edges serves as a mediator that translates relational data into a format that aligns with the client-side data model, reducing code complexity while maintaining efficient data operations

Inventive Principle:
Principle #24Intermediary (Mediator)

Solution Approach 2:

The patent creates a copy of the relational data in a different structural form (graph structure) that is optimized for client-side operations. By copying and transforming the data into vertices and edges, the system enables efficient data model alignment without modifying the original relational database structure

Inventive Principle:
Principle #26Copying

2Stability of the object's composition

If relational database structure is used, then data storage is standardized, but adaptability to different client-side data models decreases

Engineering Contradiction:
Improvedata structure stabilityVSAvoiddata model adaptability
Core Design Contradiction:
Stability of the object's compositionVSAdaptability or versatility

Solution Approach 1:

The patent implements a dynamic data structure transformation approach where the graph structure can be flexibly configured to match different client-side data models. The vertices and edges can be dynamically adjusted to represent different relationships and data types, providing adaptability while maintaining a stable underlying storage structure

Inventive Principle:
Principle #15Dynamics

Solution Approach 2:

The patent changes the structural parameters of the data representation by transforming relational tables into graph elements (vertices and edges). This parameter change enables the same data to be represented in multiple ways suitable for different client-side models while maintaining stability in the storage layer

Inventive Principle:
Principle #35Parameter changes

3Adaptability or versatility

If complex relational data transformations are performed, then data model alignment is achieved, but processing time and computational resources increase

Engineering Contradiction:
Improvedata model alignmentVSAvoidprocessing time
Core Design Contradiction:
Adaptability or versatilityVSLoss of time

Solution Approach 1:

The patent performs preliminary transformation of relational data into a graph structure that pre-aligns with the client-side data model. By doing this transformation in advance during data retrieval or caching, the system reduces the need for complex real-time transformations during client-side operations, thereby reducing processing time

Inventive Principle:
Principle #10Preliminary action

Data Source

PatentUS20250371098A1Graph-based state management in client-side web applications
Publication Date: 2025.12.04 IP HOLDINGS 2017 LLC
  • US20250371098A1 patent drawing
  • US20250371098A1 patent drawing
  • US20250371098A1 patent drawing

AI summary

A computer-implemented method including, upon launch of a browser session on a client-side web application, obtaining state data in a first relational structure from a database of a server. The method also can include generating, at the client-side web application, a graph comprising vertices and edges to represent the state data in a second relational structure. The second relational structure of the graph can be different from the first relational structure. The client-side web application can be configured to perform data operations on the state data using the graph. Other embodiments are described.