Comparative analysis of Angular and React development frameworks

Sylwester Skrzypiec

sylwester.skrzypiec@pollub.edu.pl
Department of Computer Science, Lublin University of Technology (Poland)

Małgorzata Plechawska-Wójcik


Lublin University of Technology (Poland)

Abstract

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.


Keywords:

Angular; React; performance; SPA; benchmarking

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   Google Scholar

E. Petukhova, Sitecore JavaScript Services Framework Comparison, praca magisterska, Åbo Akademi University, Turku 2019.
  Google Scholar

C. L. Mariano, Benchmarking JavaScript Frameworks, praca magisterska, Technological University Dublin, Dublin 2017.
  Google Scholar

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   Google Scholar

R. Ferguson, JavaScript and Application Frameworks: Angular. In: Beginning JavaScript, Apress, Berkeley, 2019.
DOI: https://doi.org/10.1007/978-1-4842-4395-4   Google Scholar

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.
  Google Scholar

B. Grynhaus, J. Hudgens, R.Hunte, M. Morgan, W. Stefanovski, TypeScript na warsztacie. Praktyczny przewodnik pisania efektywnego kodu, Helion, 2022.
  Google Scholar

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.
  Google Scholar

S. Mousavi, Maintainability Evaluation of Single Page Application Frameworks : Angular2 vs. React, praca licencjacka, Linnaeus University, Kalmar 2017.
  Google Scholar

Y. Fain, A. Moiseev, Angular. Programowanie z użyciem języka TypeScript, Wydanie II, Helion, 2019.
  Google Scholar

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   Google Scholar

C. Gackenheimer, Introduction to React, Apress, Berkeley, 2015.
DOI: https://doi.org/10.1007/978-1-4842-1245-5   Google Scholar

A. Fedosejev, React. js essentials, Packt Publishing Ltd, Birmingham, 2015.
  Google Scholar

J. Voutilainen, Evaluation of Front-end JavaScript Frameworks for Master Data Management Application Development, praca licencjacka, Metropolia University of Applied Sciences, Helsinki 2017.
  Google Scholar

S. Retzius, E. Sundholm, Development of an evaluation model for client-side JavaScript Frameworks, praca magisterska, Linköping University, Linköping 2022.
  Google Scholar

A. Lassen, JavaScript Frameworks A qualitative evaluation and comparison of the dominant factors in Angular and React, praca magisterska, Roskilde University, Roskilde 2020.
  Google Scholar

S. D. Ankush, XSS attack prevention using DOM based filtering API, praca magisterska, National Institute of Technology Rourkela, Rourkela 2014.
  Google Scholar

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   Google Scholar

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   Google Scholar

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.
  Google Scholar

K. Simkhada, Transitioning Angular 2 User Interface (UI) intoReact, praca licencjacka, Metropolia University of Applied Sciences, Helsinki 2017.
  Google Scholar

E. Saks, JavaScript Frameworks: Angular vs React vs Vue, praca licencjacka, Haaga-Helia University of Applied Sciences, Helsinki 2019.
  Google Scholar

A. Mardan, React Quickly: Painless web apps with React, JSX, Redux, and GraphQL, Manning, 2017.
  Google Scholar

C. 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.
  Google Scholar

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   Google Scholar

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   Google Scholar

S. M. Karadimitriou, E. Marshall, C. Knox, Mann-whitney u test, Sheffield Hallam University, Sheffield, 2018.
  Google Scholar

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   Google Scholar

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   Google Scholar

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].
  Google Scholar

Download


Published
2023-09-30

Cited by

Skrzypiec, S., & Plechawska-Wójcik, M. (2023). Comparative analysis of Angular and React development frameworks. Journal of Computer Sciences Institute, 28, 256–263. https://doi.org/10.35784/jcsi.3724

Authors

Sylwester Skrzypiec 
sylwester.skrzypiec@pollub.edu.pl
Department of Computer Science, Lublin University of Technology Poland

Authors

Małgorzata Plechawska-Wójcik 

Lublin University of Technology Poland

Statistics

Abstract views: 387
PDF downloads: 285