Comparative analysis of the Angular 10 and Vue 3.0 frameworks


Abstract

The aim of this article is to perform a comparative analysis of the Angular v10 and Vue v3.0 frameworks. The basis of the comparison is the performance tested with two applications that are similar in terms of functionality. The view with a variable number of displayed elements was examined, and the time was measured from the moment the number of components was indicated to the end of rendering. The amount of disk space occupied by the final applications and application segments was also compared in relation to the method of implementing their functionality. The results of the research allowed to formulate the conclusions that Vue is more efficient than Angular and additionally the Vue application takes up less disk space.


Keywords

Angular; Vue.js; efficiency; comparison

Porównanie stron statycznych z dynamicznymi, https://about.gitlab.com/blog/2016/06/03/ssg-overview-gitlab-pages-part-1-dynamic-x-static/ , [25.06.2021]

Ankieta dotycząca popularnych technologii, https://insights.stackoverflow.com/survey/2020#technology-web-frameworks-all-respondents2 [31.05.2021].

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

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

M. Frisbie, Angular 2 Cookbook, Packt Publishing, 2017.

A. Passaglia, Vue.js 2 Cookbook, Packt Publishing, 2017.

R. Baida, M. Andriienko, M. Plechawska-Wójcik, Perfomance analysis of frameworksAngular and Vue.js, Journal of Computer Sciences Institute, Vol 14 (2020) 59-64.

M. Kaluža, K. Troskot, B. Vukelić, Comparison of front-end frameworks for webapplications development. Zbornik Veleučilišta u Rijeci, 2018.

Silnik renderowania Blink, http://www.chromium.org/blink , [25.06.2021].

Silnik renderowania Gecko, https://developer.mozilla.org/en-US/docs/Glossary/Gecko , [25.06.2021].

M.S. Mikowski, J.C. Powell, Single Page Web Applications, Manning Publications, 2013.

TypeScript Notes for Professionals, GoalKicker.com, 2018.

Angular Notes for Professionals, GoalKicker.com, 2018.

JavaScript Notes for Professionals, GoalKicker.com, 2018.

Dokumentacja MDN web docs, https://developer.mozilla.org/en-US/docs/Learn/Performance , [30.11.2020].

Dokumentacja biblioteki Vuex, https://vuex.vuejs.org/ , [30.11.2020].

Dokumentacja biblioteki vue-router, https://router.vuejs.org/ , [30.11.2020].

Dokumentacja biblioteki Ngrx, https://ngrx.io/docs , [30.11.2020].

Download

Published : 2021-09-30


Lipski, P., Kyć, J., & Pańczyk, B. (2021). Comparative analysis of the Angular 10 and Vue 3.0 frameworks. Journal of Computer Sciences Institute, 20, 205-209. https://doi.org/10.35784/jcsi.2688

Piotr Lipski  piotr.lipski2@pollub.edu.pl
Lublin University of Technology  Poland
Jarosław Kyć 
Lublin University of Technology  Poland
Beata Pańczyk 
Lublin University of Technology  Poland