Comparative Analysis on React and Preact Javascript Frameworks

Javascript is one of the leading technologies used for developing web applications. React, Angular, and Vue are effective and popular Javascript frameworks in web development. In this study, two web applications, named Todo App and Weather App, were developed using the React and Preact frameworks to analyze page loading performance. The developed applications were tested with the Google Lighthouse tool on Google Chrome, Microsoft Edge, and Mozilla Firefox browsers. The general results of the tests conducted on Google Chrome show that the average scores for the Todo App developed with React and Preact are 99,8 and 99,7, respectively. For the Weather App, the scores are 99,5 (React) and 99,7 (Preact). In the tests conducted on Microsoft Edge, the results for the Todo App developed with React and Preact are on average 99,8 - 99,9, and for the Weather App, 99,7 - 99,9, respectively. On Mozilla Fire fox, the average scores for the Todo App developed with React and Preact are 100 and 99,8, respectively. For the Weather App, the scores are 99,6 (React) and 99,4 (Preact). When the results are examined in detail with other performance metrics, Preact yielded better results and also showed faster performance than React.

Authors

Publication Details

Published
2024-10-26
DOI
https://doi.org/10.1109/ubmk63289.2024.10773395
Primary Topic
Software Engineering Research
Type
article
Field-Weighted Citation Impact
0.00
Controls
|||
ALL TIME
JAN
FEB
MAR
APR
MAY
JUN
JUL
AUG
SEP
OCT
article

Comparative Analysis on React and Preact Javascript Frameworks

Nesibe Yalçın, Muhammed Furkan Uygur
Software Engineering Research
article

Comparative Analysis on React and Preact Javascript Frameworks

Nesibe Yalçın, Muhammed Furkan Uygur
article en

Abstract

Javascript is one of the leading technologies used for developing web applications. React, Angular, and Vue are effective and popular Javascript frameworks in web development. In this study, two web applications, named Todo App and Weather App, were developed using the React and Preact frameworks to analyze page loading performance. The developed applications were tested with the Google Lighthouse tool on Google Chrome, Microsoft Edge, and Mozilla Firefox browsers. The general results of the tests conducted on Google Chrome show that the average scores for the Todo App developed with React and Preact are 99,8 and 99,7, respectively. For the Weather App, the scores are 99,5 (React) and 99,7 (Preact). In the tests conducted on Microsoft Edge, the results for the Todo App developed with React and Preact are on average 99,8 - 99,9, and for the Weather App, 99,7 - 99,9, respectively. On Mozilla Fire fox, the average scores for the Todo App developed with React and Preact are 100 and 99,8, respectively. For the Weather App, the scores are 99,6 (React) and 99,4 (Preact). When the results are examined in detail with other performance metrics, Preact yielded better results and also showed faster performance than React.

Openalex Percentile: Top 65%
Software Engineering Research
AI Navigator

Ask Laika to Summarize, Analyze, and Connect papers live on the map.

Summarize Papers & Methodologies

Extract key findings, datasets, and comparative methods across publications.

Benchmark Rankings & Visual Analytics

Rank top research institutions, authors, funders, topics, and journals by Field-Weighted Citation Impact (FWCI) and paper volume with instant charts.

Connect Distant Disciplines

Bridge topological clusters on the map to find hidden collaborative intersections.