Porównanieszkieletów programistycznych React i Svelte do tworzenia aplikacji internetowych typu SPA

• Autorzy: Dubaj Sebastian , Pańczyk Beata

Identyfikatory

DOI

10.35784/jcsi.3020

Warianty tytułu

EN

Comparative of React and Svelte programming frameworks for creating SPA web applications

• Języki publikacji: PL

Abstrakty

PL

Celem artykułu jest przeprowadzenie analizy porównawczej dwóch szkieletów programistycznych na przykładzie jednego z najpopularniejszych obecnie React v17 oraz Svelte, który zdobywaznaczną popularność. Do przeprowadzenia badań zaimplementowano dwie autorskie aplikacje o takich samych funkcjonalnościach w obu analizowanych szkieletach programistycznych. Analiza dotyczy przede wszystkim czasów renderowania widoków, ale porównywane są także struktury aplikacji oraz ich rozmiar. W wyniku badań stwierdzono, że aplikacja Svelte jest znacznie bardziej wydajnaw porównaniu do aplikacji React.

EN

The aim of the article is to perform a comparative analysis of two programming frameworks on the example of one of the most popular currently React v17 and Svelte, which is gaining considerable popularity. Two applications with the same functionalities in both analyzed frameworks were implemented to conduct the research. The analysis mainly concerns the rendering times of views, but the application structures and their size are also compared. As a result of the research, it was found that the Svelte application is much more efficient compared to the React application.

Słowa kluczowe

PL

React; Svelte; wydajność; analiza porównawcza

EN

React; Svelte; performance; comparison

• Wydawca: Wydawnictwo Politechniki Lubelskiej
• Czasopismo: Journal of Computer Sciences Institute
• Rocznik: 2022
• Tom: Vol. 25
• Strony: 345--349
• Opis fizyczny: Bibliogr. 14 poz., rys., tab.

Twórcy

autor

Dubaj Sebastian

• 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. Single Page Application (SPA) vs Multi Page Application (MPA): Pros and Cons, http://merehead.com/ blog/single-page-application-vs-multi-page-application/, [23.05.2022].
• 2. E. Scott, SPA Design and Architecture, Understanding Single Page Web Applications, Manning Publications, 2015.
• 3. Popularność frameworków JavaScript w 2021 roku, https://2021.stateofjs.com/en-US/libraries/front-end-frameworks, [07.05.2022].
• 4. R. Nowacki, M. Plechawska-Wójcik, Analiza porównawcza narzędzi do budowania aplikacji Single Page Application – AngularJS, ReactJS, Ember.js, Journal of Computer Sciences Institute 2 (2016) 98-103.
• 5. J. Wróbel, Porównanie narzędzi do tworzenia aplikacji typu SPA na przykładzie Ember i React, Journal of Computer Sciences Institute 11 (2019) 145-148.
• 6. S. Aggarwal, Modern Web-Development Using ReactJS, International Journal of Recent Research Aspects, 5(1) (2018) 133-137.
• 7. G. Białecki, B. Pańczyk, Performance analysis of Svelte and Angular applications, Journal of Computer Sciences Institute 19 (2021) 139-143.
• 8. Xu Wenquing, Benchmark Comparison of JavaScript Frameworks, M.Sc. Computer Science Interactive Digital Media, 2021.
• 9. Dokumentacja React, https://reactjs.org/, [05.11.2021].
• 10. Dokumentacja Svelte, https://svelte.dev/docs, [05.11.2021].
• 11. O. Therox, Svelte i TypeScript, https://svelte.dev/ blog/svelte-and-typescript, [05.11.2021].
• 12. S. Kołodziejczak, Svelte – wszystko co powinieneś wiedzieć o nowej wersji tego narzędzia, https://geek.justjoin.it/svelte-frontend, [05.11.2021].
• 13. T. Tolliday, Getting Acquainted With Svelte, the New Framework on the Block, https://css-tricks.com/getting-acquainted-with-svelte-the-new-framework-on-the-block/, [05.11.2021].
• 14. Generator losowych użytkowników, https://randomuser.me/, [18.05.2022].