Att bygga ett spa med komponenter i LitElement och ReactJS : En analys av skillnad i svarstid och applikationskod mellan Shadow DOM och Virtual DOM

Sammanfattning: 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