Denna studie undersöker skillnader i svarstid mellan komponentbaserade SinglePage Applications i ReactJS och i LitElement. LitElement bygger på webbkomponenter som använder sig av Shadow DOM. ReactJS använder sig istället av Virtual DOM. Problemet är att virtual DOM kan orsaka en stor kostnad i beräkningskraft vid utveckling av större projekt. För att undersöka hur denna kostnad i beräkningskraft påverkar svarstiden för ReactJS i jämförelse medLitElement utförs ett experiment i en kontrollerad miljö. Resultatet blev att LitElement har en säkerställd lägre svarstid än ReactJS. Slutsatsen som drogs var att anledningen till denna skillnad i svarstid beror på kostnad i beräkningskraft förReactJS vid uppdatering av data . Vidare testning av detta fenomen, exempelvis fler mätserier eller funktioner skulle kunna vara ett framtida arbete. Andra framtida arbeten för att bredda denna studie kan även vara att undersöka skillnad vid användning av mobila enheter, applikationerna i kombination med databas ,mätning av utvecklingstid och mätning av användarupplevelse

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.

Målet med studien var att undersöka hur tidseffektivt JavaScript ramverket AngularJS och biblioteket React uppdaterar interaktiva börsdatatabeller. Undersökningen är inspirerad av tidigare forskning från Högskolan i Skövde fast med ett fokus på större tabellstorlekar. För att utvärdera prestandan upprättades ett kontrollerat experiment där två applikationer per ramverk/bibliotek skapades för att både jämföra skillnader mellan AngularJS och React men även för att undersöka hur olika designval inom ett ramverk/bibliotek påverkar resultatet. Till applikationerna applicerades sex tabeller med olika rad- och kolumnantal och i varje tabell var det möjligt att både sortera och filtrera innehållet. Resultaten visade att React var snabbare oavsett tabellstorlek och interaktionstyp. Vid sortering fanns det även signifikanta skillnader mellan varianterna inom samma ramverk/bibliotek, främst för AngularJS. Potentiell vidareutveckling av arbetet kan exempelvis inkludera fler aktuella ramverk eller utvärdera mot användare i en fallstudie för att undersöka om skillnaderna upplevs av en användare.

Under de senaste åren har webbapplikationsarkitekturen utvecklats för att möta webbapplikationsanvändarnas krav på sömlösa användarupplevelser (Aggarwal & Verma, 2018). Teknikval och ramverk påverkar prestandan för e-handelswebbplatser vilket i sin tur påverkar användarupplevelsen och e-handelsföretagens lönsamhet (Camilleri, 2021). Ett tekniskt experiment genomfördes för att jämföra teknikkombinationerna One-way data bindning, Virtual DOM och Two-way data bindning och Real DOM för ramverken ReactJS och Angular. Resultatet från de olika mätserierna visade på att hypotesen om att ReactJS med dess teknikkombinationer har en snabbare renderingstid, endast stämmer när en (1) produkt renderas ut i kundvagnen. Men när fler produkter renderas ut i kundvagnen falsifieras hypotesen då Angular med dess teknikkombinationer har en snabbare renderingstid. För framtida arbete skulle ytterligare mätningar behöva genomföras där fler antal produkter testasför att se vart gränsen går för teknikvalen utifrån antalet renderade element, men också att genomföra mätningar i fler webbläsare.