Performance analysis of web application client layer development tools us-ing Angular, React and Vue as examples
Damian Bogusz
damian.bogusz@pollub.edu.plDepartment 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 analysisReferences
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
Authors
Damian Boguszdamian.bogusz@pollub.edu.pl
Department of Computer Science, Lublin University of Technology Poland
Authors
Paweł CiszewskiDepartment of Computer Science, Lublin University of Technology Poland
Authors
Beata PańczykDepartment of Computer Science, Lublin University of Technology Poland
Statistics
Abstract views: 153PDF downloads: 108