Efficiency of a reactive approach for implementation of integrated browser systems

Authors

  • Nataliia Bessonova
  • Oleg Volkovskyy

DOI:

https://doi.org/10.34185/1562-9945-5-124-2019-03

Keywords:

вбудовані браузерні системи, розширення браузера, перегляд посилань, мережева корпоративна група

Abstract

Modern browsers include many features for comfortable work on the Internet, as well as many additional plugins that help expand their basic functionality. In the course of the research, it was found that the extension, which is able to track visited links and inform the members of one network corporate group when re-viewing it, was not implemented to date. To accomplish this, the work proposed the Render Virtual DOM algorithm for the React platform, the Render Incremental DOM algorithm for the Angular platform, identified the advantages and disadvantages of the two above approaches and presented a general algorithm for the operation of browser extension. The purpose of this article is to adapt the proposed algorithms for the expansion being developed and to identify the most effective approach for its implementation.
As a result, an extension was developed for which the React platform was used with a rendering function based on the Render Virtual DOM, and a web browser with a typical Google Chrome structure was used as the base.
According to the proposed algorithm, the plugin works as follows: A corporate group of people is registered in a certain network. Each participant visits the links. The extension acts as a "listener". It "listens" to browser events, namely the opening of a new tab or window. If such an event occurs, the plugin will make a call to the browser API in order to get the link that the user opened. Then the extension sends a request to the server and receives a response. If such a link was not registered for another user, then the add-on captures visits of the current user. And if a match is found, the server will return a response to the extension, and the application, in turn, will show a message to the user that the corresponding group member has already reviewed this link.

References

Olga Filipova. Learning Vue.js 2 Learn how to build amazing and complex reactive web applications easily with Vue.js. — Packt Publishing Ltd, 2016. — 334 с. — ISBN 9781786461131.

Reactjs [Електронний ресурс]: Virtual DOM and Internals. Режим доступу: https://reactjs.org/docs/faq-internals.html

Angular [Електронний ресурс]: Server-side Rendering (SSR): An intro to Angular Universal. Режим доступу: https://angular.io/guide/universal

Pharr, Matt; Humphreys, Greg (2004). Physically based rendering from theory to implementation. Amsterdam: Elsevier/Morgan Kaufmann. ISBN 0-12-553180-X.

Published

2019-11-25