Analiza porównawcza szkieletów programistycznych Angular i React

• Autorzy: Skrzypiec Sylwester , Plechawska-Wójcik Małgorzata

Identyfikatory

DOI

10.35784/jcsi.3724

Warianty tytułu

EN

Comparative analysis of Angular and React development frameworks

• Języki publikacji: PL

Abstrakty

PL

Niniejsza praca dyplomowa miała na celu sprawdzenie szkieletu Angular oraz biblioteki React pod kątem wydajności na trzech popularnych przeglądarkach internetowych. W związku z tym zaimplementowano dwie podobne aplikacje testowe tworzące interfejsy użytkownika oraz jedną aplikację serwerową do komunikacji z bazą danych i wymienionymi szkieletami programistycznymi. Następnie zostały wykonane testy sprawdzające czas pobierania i wyświetlania danych oraz ich usuwania. Poza wynikami wydajności przeprowadzono przegląd literatury w celu lepszego zobrazowania obecnego stanu wiedzy w danym temacie oraz opisano poszczególne elementy wyróżniające dany szkielet lub bibliotekę. Sprawdzono również otrzymane dane wynikowe pod względem różnic statystycznych korzystając z testów statystycznych.

EN

This thesis aimed to examine the Angular framework and React library in terms of performance on three popular web browsers. To achieve this, two similar test applications were implemented to create user interfaces, along with a server application for database communication and the aforementioned programming frameworks. Subsequently, tests were conducted to assess the time required for downloading and displaying images, records, and their deletion. In addition to performance results, a literature review was conducted to provide a better understanding of the current state of knowledge in the field, and individual features distinguishing the respective framework or library were described. Furthermore, the obtained data was analyzed for statistical differences using statistical tests.

Słowa kluczowe

PL

Angular; React; wydajność; SPA; analiza porównawcza

EN

Angular; React; performance; SPA; benchmarking

• Wydawca: Wydawnictwo Politechniki Lubelskiej
• Czasopismo: Journal of Computer Sciences Institute
• Rocznik: 2023
• Tom: Vol. 28
• Strony: 256--263
• Opis fizyczny: Bibliogr. 30 poz., tab.

Twórcy

autor

Skrzypiec Sylwester

• Department of Computer Science, Lublin University of Technology (Poland)

autor

Plechawska-Wójcik Małgorzata

• Lublin University of Technology (Poland)

Bibliografia

• 1. K. Bielak, B. Borek, M. Plechawska-Wójcik, Web application performance analysis using Angular, React and Vue.js frameworks, Journal of Computer Sciences Institute 23 (2022) 77-83, https://doi.org/10.35784/jcsi.2827.DOI: https://doi.org/10.35784/jcsi.2827
• 2. E. Petukhova, Sitecore JavaScript Services Framework Comparison, praca magisterska, Åbo Akademi University, Turku 2019.
• 3. C. L. Mariano, Benchmarking JavaScript Frameworks, praca magisterska, Technological University Dublin, Dublin 2017.
• 4. J. Kalinowska, B. Pańczyk, Comparison of tools for creating SPA applications using the examples of Angular2 and React, Journal of Computer Sciences Institute 10 (2019) 1-4, https://doi.org/10.35784/jcsi.183.DOI: https://doi.org/10.35784/jcsi.183
• 5. R. Ferguson, JavaScript and Application Frameworks: Angular. In: Beginning JavaScript, Apress, Berkeley, 2019.DOI: https://doi.org/10.1007/978-1-4842-4395-4
• 6. E. Wohlgethan, Supporting web development decisions by comparing three major javascript frameworks: Angular, react and vue.Js, praca licencjacka, Hamburg University of applied sciences, Hamburg 2018.
• 7. B. Grynhaus, J. Hudgens, R.Hunte, M. Morgan, W. Stefanovski, TypeScript na warsztacie. Praktyczny przewodnik pisania efektywnego kodu, Helion, 2022.
• 8. E. Molin, Comparison of single-page application frameworks. A method of how to compare Single-Page Application frameworks written in JavaScript, praca magisterska, KTH Royal Institute of Technology, Stockholm 2016.
• 9. S. Mousavi, Maintainability Evaluation of Single Page Application Frameworks : Angular2 vs. React, praca licencjacka, Linnaeus University, Kalmar 2017.
• 10. Y. Fain, A. Moiseev, Angular. Programowanie z użyciem języka TypeScript, Wydanie II, Helion, 2019.
• 11. D. B. Duldulao, Practical Enterprise React: Become an Effective React Developer in Your Team, ‎ Apress, 2021.DOI: https://doi.org/10.1007/978-1-4842-6975-6
• 12. C. Gackenheimer, Introduction to React, Apress, Berkeley, 2015.DOI: https://doi.org/10.1007/978-1-4842-1245-5
• 13. A. Fedosejev, React. js essentials, Packt Publishing Ltd, Birmingham, 2015.
• 14. J. Voutilainen, Evaluation of Front-end JavaScript Frameworks for Master Data Management Application Development, praca licencjacka, Metropolia University of Applied Sciences, Helsinki 2017.
• 15. S. Retzius, E. Sundholm, Development of an evaluation model for client-side JavaScript Frameworks, praca magisterska, Linköping University, Linköping 2022.
• 16. A. Lassen, JavaScript Frameworks A qualitative evaluation and comparison of the dominant factors in Angular and React, praca magisterska, Roskilde University, Roskilde 2020.
• 17. S. D. Ankush, XSS attack prevention using DOM based filtering API, praca magisterska, National Institute of Technology Rourkela, Rourkela 2014.
• 18. X. Lin, P. Zavarsky, R. Ruhl, D. Linskog, Threat modeling for CSRF attacks, International Conference on Computational Science and Engineering 3 (2009) 486-491, https://doi.org/10.1109/CSE.2009.372.DOI: https://doi.org/10.1109/CSE.2009.372
• 19. L. K. Shar, H. B. K. Tan, Defeating SQL injection, Computer 46(3) (2012) 69-77, https://doi.org/10.1109/MC.2012.283.DOI: https://doi.org/10.1109/MC.2012.283
• 20. A. Bhaskar, A. E.Manjunath, An Interpretation and Anatomization of Angular: A Google Web Framework, International Research Journal of Engineering and Technology (IRJET) 7(05) (2020) 7613-7619.
• 21. K. Simkhada, Transitioning Angular 2 User Interface (UI) intoReact, praca licencjacka, Metropolia University of Applied Sciences, Helsinki 2017.
• 22. E. Saks, JavaScript Frameworks: Angular vs React vs Vue, praca licencjacka, Haaga-Helia University of Applied Sciences, Helsinki 2019.
• 23. A. Mardan, React Quickly: Painless web apps with React, JSX, Redux, and GraphQL, Manning, 2017.
• 24. B. E. d. Oliveira, G. L. Turnquist, A. Antonov, Developing Java Applications with Spring and Spring Boot: Practical Spring and Spring Boot Solutions for Building Effective Applications, Packt Publishing, Wielka Brytania, 2018.
• 25. Y. Li, S. Manoharan, A performance comparison of SQL and NoSQL databases, 2013 IEEE Pacific Rim Conference on Communications, Computers and Signal Processing (PACRIM), IEEE 8-13 (2013) 15-19, https://doi.org/10.1109/PACRIM.2013.6625441.DOI: https://doi.org/10.1109/PACRIM.2013.6625441
• 26. R. Richards, Representational State Transfer (REST). In: Pro PHP XML and Web Services, Apress, Berkeley, 2006.DOI: https://doi.org/10.1007/978-1-4302-0139-7
• 27. S. M. Karadimitriou, E. Marshall, C. Knox, Mann-whitney u test, Sheffield Hallam University, Sheffield, 2018.
• 28. T. J. Cleophas, A. H. Zwinderman, Non-parametric tests for three or more samples (Friedman and Kruskal-Wallis). Clinical data analysis on a pocket calculator: understanding the scientific methods of statistical reasoning and hypothesis testing, Springer (2016) 193-197, http://dx.doi.org/10.1007/978-3-319-27104-0_34.DOI: https://doi.org/10.1007/978-3-319-27104-0_34
• 29. P. Mishra, U. Singh, C. M. Pandey,P. Mishra, G. Pandey, Application of student's t-test, analysis of variance, and covariance, Annals of cardiac anaesthesia, PUBMED 22(4) (2019) 407-411, https://doi.org/10.4103/aca.aca_94_19.DOI: https://doi.org/10.4103/aca.ACA_94_19
• 30. Ankieta z 2022 r. wykonana przez StateOfJs, dotycząca szkieletów programistycznych używanych do tworzenia interfejsu użytkownika, https://2022.stateofjs.com/en-US/libraries/front-end-frameworks, [29.05.2023].

Uwagi

Opracowanie rekordu ze środków MNiSW, umowa nr POPUL/SP/0154/2024/02 w ramach programu "Społeczna odpowiedzialność nauki II" - moduł: Popularyzacja nauki (2025).