Web application performance analysis using Angular, React and Vue.js frameworks

Konrad Bielak

konrad.bielak@pollub.edu.pl
Politechnika Lubelska (Poland)

Bartłomiej Borek


(Poland)

Małgorzata Plechawska-Wójcik


(Poland)

Abstract

The aim of the work is to conduct a performance analysis and, on its basis, to indicate the most user-friendly and fastest operating framework. Three Internet applications have been written to test the speed of operation of selected technologies. Some of the most popular frameworks were analyzed: Angular, React and Vue. Static comparative criteria used in the work are: favorable and generally available documentation, application development, speed of application development, development and support by creators. The practical criteria are the times measured during the execution of the tests. The tests were performed with simple operations using the CRUD (Create Read Update Delete) function. The performance analysis carried out in this way shows the differences between the frameworks. The following developerPersian tools were used for the comparative analysis: Google Analytics, Google Chrome, Mozilla Firefox, Chrome DevTools.


Keywords:

Angular; React; Vue; Performance; JavaScript

S. K. Arora, 10 Best JavaScript Frameworks to Use in 2021, https://hackr.io/blog/best-javascript-frameworks, [23.01.2021].
  Google Scholar

K. Boczkowski, B. Pańczyk, Comparison of the performance of tools for creating a SPA application interface - React and Vue.js, Journal of Computer Science Institute 14 (2020), 73-77, https://doi.org/10.35784/jcsi.1579.
DOI: https://doi.org/10.35784/jcsi.1579   Google Scholar

J. Kalinowska, B. Pańczyk, Comparison of tools for creating SPA applications using the examples of Angular 2 and React, Journal of Computer Sciences Institute 10 (2019) 1-4, https://doi.org/10.35784/jcsi.183.
DOI: https://doi.org/10.35784/jcsi.183   Google Scholar

M. Levlin, DOM benchmark comparison of the front-end JavaScript frameworks React, Angular, Vue, and Svelte, Åbo Akademi, 2020.
  Google Scholar

E. Wohlgethan, Supporting Web Development Decisions by Comparing Three Major JavaScript Frameworks: Angular, React and Vue. js. Diss. Hochschule für Angewandte Wissenschaften Hamburg, 2018.
  Google Scholar

K. Simkhada, Transitioning Angular 2 User Interface (UI) into React, Helsinki Metropolia University of Applied Sciences, [12.04.2017].
  Google Scholar

R. Baida, M. Andriienko M. Plechawska-Wójcik, Perfomance analysis of frameworks Angular and Vue.js,
  Google Scholar

Journal of Computer Sciences Institute 14 (2020) 59-64, https://doi.org/10.35784/jcsi.1577.
DOI: https://doi.org/10.35784/jcsi.1577   Google Scholar

P. Kozlowki, Mastering Web Application Development with AngularJS, [23.08.2013].
  Google Scholar

Dokumentacja Vue.js https://vuejs.org/v2/guide/, [30.11.2020].
  Google Scholar

Dokumentacja React https://pl.reactjs.org/docs/getting-started.html, [22.03.2021].
  Google Scholar

Dokumentacja Angular https://angular.io/docs, [30.11.2020].
  Google Scholar

R. Nowacki, M. Plechawska-Wójcik, Comparative analysis of tools dedicated to building Single Page
  Google Scholar

Applications – Angular Js, ReactJS, Ember.js, Journal of Computer Sciences Institute 2 (2016) 98-103, https://doi.org/10.35784/jcsi.122.
DOI: https://doi.org/10.35784/jcsi.122   Google Scholar

K. Kowalczyk, M. Plechawska-Wójcik, Angular JS and ReactJS libraries – performance analysis, Journal of Computer Sciences Institute 2 (2016) 114-119, https://doi.org/10.35784/jcsi.126.
DOI: https://doi.org/10.35784/jcsi.126   Google Scholar

Download


Published
2022-06-30

Cited by

Bielak, K., Borek, B., & Plechawska-Wójcik, M. (2022). Web application performance analysis using Angular, React and Vue.js frameworks. Journal of Computer Sciences Institute, 23, 77–83. https://doi.org/10.35784/jcsi.2827

Authors

Konrad Bielak 
konrad.bielak@pollub.edu.pl
Politechnika Lubelska Poland

Authors

Bartłomiej Borek 

Poland

Authors

Małgorzata Plechawska-Wójcik 

Poland

Statistics

Abstract views: 2867
PDF downloads: 2021