Analiza porównawcza szkieletów programistycznych Angular 10 i Vue 3.0

• Autorzy: Lipski Piotr , Kyć Jarosław , Pańczyk Beata

Identyfikatory

DOI

10.35784/jcsi.2688

Warianty tytułu

EN

Comparative analysis of the Angular 10 and Vue 3.0 frameworks

• Języki publikacji: PL

Abstrakty

PL

Celem artykułu jest przeprowadzenie analizy porównawczej dwóch szkieletów programistycznych Angular w wersji 10 oraz Vue w wersji 3.0. Podstawą porównania jest wydajność zbadana za pomocą dwóch podobnych co do funkcjonalności aplikacji. Badaniu poddano widok ze zmienną liczbą wyświetlanych elementów, a czas mierzono od momentu wskazania liczby komponentów do zakończenia renderowania. Porównano także ilość przestrzeni dyskowej jaką zajmują finalne aplikacje oraz modułów aplikacji względem sposobu realizacji ich funkcjonalności. Wyniki badań pozwoliły sformułować wnioski, że Vue jest bardziej wydajny od Angulara a dodatkowo aplikacja Vue zajmuje mniej przestrzeni dyskowej.

EN

The aim of this article is to perform a comparative analysis of the Angular v10 and Vue v3.0 frameworks. The basis of the comparison is the performance tested with two applications that are similar in terms of functionality. The view with a variable number of displayed elements was examined, and the time was measured from the moment the number of components was indicated to the end of rendering. The amount of disk space occupied by the final applications and application segments was also compared in relation to the method of implementing their functionality. The results of the research allowed to formulate the conclusions that Vue is more efficient than Angular and additionally the Vue application takes up less disk space.

Słowa kluczowe

PL

Angular; Vue.js; wydajność; porównanie

EN

Angular; Vue.js; efficiency; comparison

• Wydawca: Wydawnictwo Politechniki Lubelskiej
• Czasopismo: Journal of Computer Sciences Institute
• Rocznik: 2021
• Tom: Vol. 20
• Strony: 205--209
• Opis fizyczny: Bibliogr. 18 poz., rys., tab.

Twórcy

autor

Lipski Piotr

• Department of Computer Science, Lublin University of Technology, Nadbystrzycka 36B, 20-618 Lublin, Poland

autor

Kyć Jarosław

• Department of Computer Science, Lublin University of Technology, Nadbystrzycka 36B, 20-618 Lublin, Poland

autor

Pańczyk Beata

• Department of Computer Science, Lublin University of Technology, Nadbystrzycka 36B, 20-618 Lublin, Poland

Bibliografia

• [1] Porównanie stron statycznych z dynamicznymi, https://about.gitlab.com/blog/2016/06/03/ssg-overview-gitlab-pages-part-1-dynamic-x-static/ , [25.06.2021]
• [2] Ankieta dotycząca popularnych technologii, https://insights.stackoverflow.com/survey/2020#technology-web-frameworks-all-respondents2 [31.05.2021].
• [3] Dokumentacja Vue.js, https://vuejs.org/v2/guide/ , [30.11.2020].
• [4] Dokumentacja Angular, https://angular.io/docs , [30.11.2020].
• [5] M. Frisbie, Angular 2 Cookbook, Packt Publishing, 2017.
• [6] A. Passaglia, Vue.js 2 Cookbook, Packt Publishing, 2017.
• [7] R. Baida, M. Andriienko, M. Plechawska-Wójcik, Perfomance analysis of frameworksAngular and Vue.js, Journal of Computer Sciences Institute, 14 (2020) 59-64.
• [8] M. Kaluža, K. Troskot, B. Vukelić, Comparison of front-end frameworks for webapplications development. Zbornik Veleučilišta u Rijeci, 2018.
• [9] Silnik renderowania Blink, http://www.chromium.org/blink , [25.06.2021].
• [10] Silnik renderowania Gecko, https://developer.mozilla.org/en-US/docs/Glossary/Gecko , [25.06.2021].
• [11] M.S. Mikowski, J.C. Powell, Single Page Web Applications, Manning Publications, 2013.
• [12] TypeScript Notes for Professionals, GoalKicker.com, 2018.
• [13] Angular Notes for Professionals, GoalKicker.com, 2018.
• [14] JavaScript Notes for Professionals, GoalKicker.com, 2018.
• [15] Dokumentacja MDN web docs, https://developer.mozilla.org/en-US/docs/Learn/Performance , [30.11.2020].
• [16] Dokumentacja biblioteki Vuex, https://vuex.vuejs.org/ , [30.11.2020].
• [17] Dokumentacja biblioteki vue-router, https://router.vuejs.org/ , [30.11.2020].
• [18] Dokumentacja biblioteki Ngrx, https://ngrx.io/docs , [30.11.2020].

Uwagi

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