Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

A method and system for dynamically loading and updating views based on react-native

A technology of dynamic loading and updating methods, applied in the computer field, can solve the problems of affecting the size of the installation package, increasing the size, consuming user data traffic and waiting time, etc., and achieving the effect of reducing the size

Active Publication Date: 2021-11-05
FUJIAN TIANQUAN EDUCATION TECH LTD
View PDF10 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0005] 1. After the general view template is published, it cannot be updated to the page run by the user immediately
In order for users to update to the new view, the application must also release a new version, which increases the cost of application development and operation
At the same time, users must download and install new versions or wait for hot updates, causing a bad experience for users
[0006] 2. With the continuous addition of general view templates, the package size of the template itself is also increasing, which directly affects the installation package size of the application and consumes the user's data traffic and waiting time

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • A method and system for dynamically loading and updating views based on react-native
  • A method and system for dynamically loading and updating views based on react-native
  • A method and system for dynamically loading and updating views based on react-native

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0071] Please refer to figure 1 as well as figure 2 , Embodiment 1 of the present invention is:

[0072] A method for dynamically loading and updating views based on react-native, including steps:

[0073] S1. The template server obtains the initial view template written in React syntax, converts the React template code of the initial view template into JavaScript template code through the Babel compiler, assigns the software data model to the initial view template written in JavaScript template code, and obtains generic view template;

[0074] S2. The template server receives the template identifier of the general view template, and saves the general view template and the template identifier.

[0075] After the developer adds a view template on the template server, the steps to display the first view on the client are:

[0076] S3.1. The client receives the view request information requesting the first view, acquires the first template identifier of the first view, and s...

Embodiment 2

[0086] Please refer to figure 1 as well as figure 2 , the second embodiment of the present invention is:

[0087]A react-native-based view dynamic loading and updating system 1, including a template server 2 and a client 5, the template server 2 includes a first memory 4, a first processor 3, and is stored in the first memory 4 and can be stored in the first memory 4 The first computer program running on the first processor 3, when the first processor 3 executes the first computer program, implements steps S1, S2, S3.2, S3.4, and S4 in the first embodiment above. 2 and step S4.4; the client 5 includes a second memory 7, a second processor 6 and a second computer program stored on the second memory 7 and operable on the second processor 6, the second processor 6 Step S3.1, Step S3.3, Step S4.0, Step S4.1, Step S4.3, and Step S4.5 in the first embodiment above are realized when the second computer program is executed.

[0088] For this embodiment, the template server 2 inclu...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention discloses a method and system for dynamically loading and updating views based on react-native. The template server acquires an initial view template written in React syntax, converts the React template code of the initial view template into JavaScript template code, and converts the data of the software The model is assigned to the initial view template written by the JavaScript template code to obtain the general view template; the template server receives and maintains the general view template and template identification; the present invention converts the React template code of the initial view template into JavaScript template code, and converts the software The data model is assigned to the initial view template written by the JavaScript template code to obtain the general view template. The general view template and its corresponding template identifier are stored in the template server, and the client uses the template identifier to request the view template code in the template server. , to realize real-time dynamic loading of code, since the view template code is stored in the template server, it can effectively reduce the size of the application installation package.

Description

technical field [0001] The invention relates to the field of computers, in particular to a method and system for dynamically loading and updating views based on react-native. Background technique [0002] react-native is an open source cross-platform development framework for developing mobile applications (Android, iOS applications). It is coded using React syntax and can run on multiple platforms with one code. At the same time, the framework also supports hot updates. The application does not need to install a new version of the application. It only needs to download the new version of the react-native code package to use the content of the new version, which greatly saves the work of developers and operators. Based on the above advantages, react-native is being widely used. [0003] There are often similar views in the pages of mobile applications, which have similar layouts and data structures. In order to facilitate development and maintenance, developers abstract t...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Patents(China)
IPC IPC(8): G06F8/33G06F8/40
CPCG06F8/33G06F8/40
Inventor 刘德建王跃杰杨政郭玉湖
Owner FUJIAN TIANQUAN EDUCATION TECH LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com