Performance analysis of web application client layer development tools us-ing Angular, React and Vue as examples

Damian Bogusz

damian.bogusz@pollub.edu.pl
Department of Computer Science, Lublin University of Technology (Poland)

Paweł Ciszewski


Department of Computer Science, Lublin University of Technology (Poland)

Beata Pańczyk


Department of Computer Science, Lublin University of Technology (Poland)

Abstract

The article presents a comparative analysis of tools for developing the client layer of web applications. The tools chosen for it were Angular 17.1.0, React 18.2.0 and Vue 3.3.4. The research process was carried out using the “Benchmark” test application, implemented with each technology. It was prepared as a performance tester, implementing tests consisting of operations that manipulate a table of data, in order to measure their execution time. The results of the performed tests became the basis for further analysis. As a result of the study, Angular became the most efficient tool in the largest number of tests. Slightly lower performance was observed with Vue, and the least efficient application turned out to be the one prepared with React.


Keywords:

Angular, React, Vue, comparative analysis

Stack Overflow Insights - Stack Overflow Annual Developer Survey, https://insights.stackoverflow.com/survey, [04.03.2024].
  Google Scholar

R. Ollila, N. Mäkitalo, T. Mikkonen, Modern Web Frameworks: A Comparison of Rendering Performance, Journal of Web Engineering 21 (2022) 789-814, https://doi.org/10.13052/jwe1540-9589.21311.
  Google Scholar

J. Cincović, M. Punt, Comparison: Angular vs. React vs. Vue. Which framework is the best choice?, ICIST 2020 Proceedings (2020) 250-255.
  Google Scholar

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

Y. Xing, J. Huang, Y. Lai, Research and Analysis of the Front-end Frameworks and Libraries in E-Business Development, Proceedings of the 2019 11th International Conference on Computer and Automation Engineering (ICCAE 2019), Association for Computing Machinery (2019) 68-72, https://doi.org/10.1145/3313991.3314021.
  Google Scholar

Github Website, https://github.com, [12.03.2024].
  Google Scholar

Angular Documentation, https://angular.io/docs, [12.03.2024].
  Google Scholar

React Documentation, Writing Markup with JSX, https://react.dev/learn/writing-markup-with-jsx, [12.03.2024].
  Google Scholar

React API Reference, https://react.dev/reference/react, [12.03.2024].
  Google Scholar

Vue.js Guide, The Progressive Framework, https://vuejs.org/guide/introduction.html#the-progressive-framework, [12.03.2024].
  Google Scholar

Chrome DevTools Documentation, Chrome DevTools, https://developer.chrome.com/docs/devtools?hl=pl, [12.03.2024].
  Google Scholar

Firefox DevTools Documentation, Firefox DevTools Contributor Docs, https://firefox-source-docs.mozilla.org/devtools/, [12.03.2024].
  Google Scholar

Download


Published
2024-09-30

Cited by

Bogusz, D., Ciszewski, P., & Pańczyk, B. (2024). Performance analysis of web application client layer development tools us-ing Angular, React and Vue as examples. Journal of Computer Sciences Institute, 32, 223–230. https://doi.org/10.35784/jcsi.6299

Authors

Damian Bogusz 
damian.bogusz@pollub.edu.pl
Department of Computer Science, Lublin University of Technology Poland

Authors

Paweł Ciszewski 

Department of Computer Science, Lublin University of Technology Poland

Authors

Beata Pańczyk 

Department of Computer Science, Lublin University of Technology Poland

Statistics

Abstract views: 98
PDF downloads: 70


License

Creative Commons License

This work is licensed under a Creative Commons Attribution 4.0 International License.