Porównanie wydajności narzędzi do tworzenia interfejsu aplikacji typu SPA na przykładzie React i Vue.js

• Autorzy: Boczkowski Krzysztof , Pańczyk Beata

Identyfikatory

DOI

10.35784/jcsi.1579

Warianty tytułu

EN

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

• Języki publikacji: PL

Abstrakty

PL

W artykule przeprowadzono analizę wydajności aktualnie stosowanych narzędzi do tworzenia interfejsu aplikacji typu SPA. Badanie przeprowadzono z wykorzystaniem dwóch aplikacji, o takiej samej funkcjonalności, zaimplementowanych w React i Vue.js. Do pomiaru wykorzystano narzędzia deweloperskie dostępne w przeglądarkach internetowych oraz odpowiednie implementacje własnych metod.

EN

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.

Słowa kluczowe

PL

React; Vue.js; wydajność; JavaScript

EN

React; Vue.js; performance; JavaScript

• Wydawca: Wydawnictwo Politechniki Lubelskiej
• Czasopismo: Journal of Computer Sciences Institute
• Rocznik: 2020
• Tom: Vol. 14
• Strony: 73--77
• Opis fizyczny: Bibliogr, 12 poz., rys.

Twórcy

autor

Boczkowski Krzysztof

• Politechnika Lubelska, Katedra Informatyki, Nadbystrzycka 36B, 20-618 Lublin, Polska

autor

Pańczyk Beata

• Politechnika Lubelska, Katedra Informatyki, Nadbystrzycka 36B, 20-618 Lublin, Polska

Bibliografia

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

Uwagi

Opracowanie rekordu ze środków MNiSW, umowa Nr 461252 w ramach programu "Społeczna odpowiedzialność nauki" - moduł: Popularyzacja nauki i promocja sportu (2020).