Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Evaluating Blazor WebAssembly for the Progressive Web Application Front-End: A Comparative Study Using ReactJS as a Baseline
Jönköping University, School of Engineering, JTH, Department of Computer Science and Informatics.
Jönköping University, School of Engineering, JTH, Department of Computer Science and Informatics.
2021 (English)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesis
Abstract [en]

This study is conducted to evaluate the Blazor WebAssembly framework for the Progressive Web Application (PWA) methodology.

A comparative study is conducted with a ReactJS PWA as a baseline. The two frameworks are evaluated in their front-end performance and documentation of PWA-focused subjects. Front-end performance is measured between two experimental applications that test the loading times, heap memory usage and loading consistency during layout generation.

It is found that a Blazor WebAssembly PWA takes on average a range of 0.34, 0.18, and 0.06 seconds less time to generate a layout than a ReactJS PWA. The Blazor WebAssembly PWA was less consistent in its loading times when handling many elements. Documentation that covers Progressive Web Application terminology was found to be different between the frameworks. The Blazor WebAssembly documentation covers more topics and provides first-hand knowledge while the ReactJS documentation covers fewer topics and relies on external sources to provide the necessary explanations.

These findings indicate that Blazor WebAssembly is a faster framework when updating large amounts of elements in comparison to ReactJS. However, the ReactJS PWA was found to be overall more consistent in its loading times. Documentation varied between the two frameworks. Documentation in Blazor WebAssembly covers more Progressive Web Application subjects and is more in-depth than ReactJS. 

This study only evaluates applications developed in ReactJS and Blazor WebAssembly. Both are tested on Google Chrome in a desktop environment. 

Place, publisher, year, edition, pages
2021. , p. 70
Keywords [en]
Blazor WebAssembly, .NET, WebAssembly, ReactJS, JavaScript, Progressive Web Application, Virtual DOM
National Category
Computer Sciences
Identifiers
URN: urn:nbn:se:hj:diva-54289ISRN: JU-JTH-DTA-1-20210145OAI: oai:DiVA.org:hj-54289DiVA, id: diva2:1586410
Subject / course
JTH, Computer Engineering
Supervisors
Examiners
Available from: 2021-08-20 Created: 2021-08-19 Last updated: 2025-10-13Bibliographically approved

Open Access in DiVA

fulltext(1123 kB)2695 downloads
File information
File name FULLTEXT01.pdfFile size 1123 kBChecksum SHA-512
3b9ce22c0fc1c18d0308fc1f52428d49b310742caf55e3983920055fdba4b6c6dd6f33a0211e7b30ecaf4b834d26f706b076d0711f4819629c8e342cf58dc3b7
Type fulltextMimetype application/pdf

Search in DiVA

By author/editor
Rashidi, VidaSegelström, William
By organisation
JTH, Department of Computer Science and Informatics
Computer Sciences

Search outside of DiVA

GoogleGoogle Scholar
Total: 2699 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

urn-nbn

Altmetric score

urn-nbn
Total: 2719 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf