Comparison of the performance of tools for creating a SPA application interface - React and Vue.js


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; JavaScript

[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.
Download

Published : 2020-03-30


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

Krzysztof Boczkowski  krzysztof.boczkowski@pollub.edu.pl
Lublin University of Technology  Poland
Beata Pańczyk 
Lublin University of Technology  Poland