Comparison of the performance of tools for creating a SPA application interface - React and Vue.js
Krzysztof Boczkowski
krzysztof.boczkowski@pollub.edu.plLublin University of Technology (Poland)
Beata Pańczyk
Lublin University of Technology (Poland)
Abstract
The article analyses the performance of currently used tools for creating a SPA application interface. The study was conducted using two applications with the same functionality, implemented in React and Vue.js. The tools available in web browsers and appropriate implementations of own methods were used to measure SPA performance.
Keywords:
React; Vue.js; performance; JavaScriptReferences
[1] E. Scott, SPA Design and Architecture: Understanding Single Page Web Applications, Manning Publications, 2015.
[2] J. Wagner, Web Performance in Action: Building Faster Web Pages, Manning Publications, 2017.
[3] https://developers.google.com/web/fundamentals/performance/rendering [20.10.2019]
[4] https://crystallize.com/blog/frontend-performance-measuring-and-kpis [20.10.2019]
[5] https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/ [20.10.2019]
[6] https://ourcodeworld.com/articles/read/144/measuring-the-performance-of-a-function-with-javascript-using-browser-tools-or-creating-your-own-benchmark [20.10.2019]
[7] http://2018.stateofjs.com/front-end-frameworks/overview/ [08.10.2019]
[8] http://www.education-ecosystem.com/guides/programming/react-js/history [08.10.2019]
[9] http://pl.reactjs.org/docs/getting-started.html [08.10.2019]
[10] http://www.freecodecamp.org/news/between-the-wires-an-interview-with-vue-js-creator-evan-you-e383cbf57cc4/ [08.10.2019]
[11] http://vuejs.org/v2/guide/ [08.10.2019]
[12] Ch. Adams, Mastering JavaScript High Performance, Packt Publishing, 2015.
[2] J. Wagner, Web Performance in Action: Building Faster Web Pages, Manning Publications, 2017.
[3] https://developers.google.com/web/fundamentals/performance/rendering [20.10.2019]
[4] https://crystallize.com/blog/frontend-performance-measuring-and-kpis [20.10.2019]
[5] https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/ [20.10.2019]
[6] https://ourcodeworld.com/articles/read/144/measuring-the-performance-of-a-function-with-javascript-using-browser-tools-or-creating-your-own-benchmark [20.10.2019]
[7] http://2018.stateofjs.com/front-end-frameworks/overview/ [08.10.2019]
[8] http://www.education-ecosystem.com/guides/programming/react-js/history [08.10.2019]
[9] http://pl.reactjs.org/docs/getting-started.html [08.10.2019]
[10] http://www.freecodecamp.org/news/between-the-wires-an-interview-with-vue-js-creator-evan-you-e383cbf57cc4/ [08.10.2019]
[11] http://vuejs.org/v2/guide/ [08.10.2019]
[12] Ch. Adams, Mastering JavaScript High Performance, Packt Publishing, 2015.
Boczkowski, K., & Pańczyk, B. (2020). Comparison of the performance of tools for creating a SPA application interface - React and Vue.js. Journal of Computer Sciences Institute, 14, 73–77. https://doi.org/10.35784/jcsi.1579
Authors
Krzysztof Boczkowskikrzysztof.boczkowski@pollub.edu.pl
Lublin University of Technology Poland
Authors
Beata PańczykLublin University of Technology Poland
Statistics
Abstract views: 2117PDF downloads: 1642
License
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
