Comparative of React and Svelte programming frameworks for creating SPA web applications
Sebastian Dubaj
sebastian.dubaj@pollub.edu.plUniversity of technology in Lublin (Poland)
Beata Pańczyk
Lublin University of Technology (Poland)
Abstract
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.
Keywords:
React, Svelte, performance, comparisonReferences
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].
Google Scholar
E. Scott, SPA Design and Architecture, Understanding Single Page Web Applications, Manning Publications, 2015.
Google Scholar
Popularność frameworków JavaScript w 2021 roku, https://2021.stateofjs.com/en-US/libraries/front-end-frameworks, [07.05.2022].
Google Scholar
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.
DOI: https://doi.org/10.35784/jcsi.122
Google Scholar
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.
DOI: https://doi.org/10.35784/jcsi.179
Google Scholar
S. Aggarwal, Modern Web-Development Using ReactJS, International Journal of Recent Research Aspects, 5(1) (2018) 133-137.
Google Scholar
G. Białecki, B. Pańczyk, Performance analysis of Svelte and Angular applications, Journal of Computer Sciences Institute 19 (2021) 139-143.
DOI: https://doi.org/10.35784/jcsi.2633
Google Scholar
Xu Wenquing, Benchmark Comparison of JavaScript Frameworks, M.Sc. Computer Science Interactive Digital Media, 2021.
Google Scholar
Dokumentacja React, https://reactjs.org/, [05.11.2021].
Google Scholar
Dokumentacja Svelte, https://svelte.dev/docs, [05.11.2021].
Google Scholar
O. Therox, Svelte i TypeScript, https://svelte.dev/ blog/svelte-and-typescript, [05.11.2021].
Google Scholar
S. Kołodziejczak, Svelte – wszystko co powinieneś wiedzieć o nowej wersji tego narzędzia, https://geek.justjoin.it/svelte-frontend, [05.11.2021].
Google Scholar
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].
Google Scholar
Generator losowych użytkowników, https://randomuser.me/, [18.05.2022].
Google Scholar
Authors
Beata PańczykLublin University of Technology Poland
Statistics
Abstract views: 350PDF downloads: 330
License
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
