A page view processing method of a React application and a related device

By using IndexedDB and Redux for view management in React applications, the problems of slow response speed and poor data security are solved, achieving fast response and secure and stable view processing.

CN116821549BActive Publication Date: 2026-06-16SHENZHEN FULIN TECH CO LTD
2 Cites 0 Cited by

Patent Information

Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
SHENZHEN FULIN TECH CO LTD
Filing Date
2023-06-28
Publication Date
2026-06-16

AI Technical Summary

⚠Technical Problem

Existing React applications suffer from slow response times, inconvenient scaling, and poor data security in view management.

⚗Method used

IndexedDB is used as the local database, and Redux is used for state management. Snapshot data is created by merging server-side view data and local cached view data. Page view rendering is performed based on the updated Redux data nodes to update component state, thus achieving the security and stability of view data.

🎯Benefits of technology

It improves data read and write speed, provides faster response, is easier to expand and maintain, ensures the security and stability of view data, and meets various user needs.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure 1
    Figure 1
  • Figure 2
    Figure 2
Patent Text Reader

Abstract

The application belongs to the technical field of computers and relates to a page view processing method for a React application and related equipment.The method comprises the following steps: in response to a page view processing request of a React application, obtaining service-side view data according to a view ID in the page view processing request, and obtaining local cache view data corresponding to the view ID from an IndexedDB database connected to the React application; reading target field information of the local cache view data, and judging whether the local cache view data has updates according to the target field information; if there are updates, merging the service-side view data and the local cache view data and creating snapshot data, otherwise creating snapshot data according to the service-side view data; updating the snapshot data to a Redux data node and the local cache view data, updating the state of a component of the React application based on the updated Redux data node, and performing page view rendering based on the updated component state.The application scheme is fast in view processing response, easy to extend and high in data security.
Need to check novelty before this filing date? Find Prior Art