Umeå universitets logga

umu.sePublikationer
Ändra sökning
RefereraExporteraLänk till posten
Permanent länk

Direktlänk
Referera
Referensformat
  • apa
  • ieee
  • vancouver
  • Annat format
Fler format
Språk
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Annat språk
Fler språk
Utmatningsformat
  • html
  • text
  • asciidoc
  • rtf
Server-Side Rendering in React: When Does It Become Beneficial to Your Web Program?
Umeå universitet, Teknisk-naturvetenskapliga fakulteten, Institutionen för datavetenskap.
2023 (Engelska)Självständigt arbete på avancerad nivå (masterexamen), 20 poäng / 30 hpStudentuppsats (Examensarbete)
Abstract [en]

In recent years the technology of web application development has improved a lot and JavaScript frameworks such as React and Angular have increased in popularity. These frameworks use client-side rendering and have led to the rendering method’s increase in popularity compared to its previous conqueror; server-side rendering. Server-side rendering, however, is still a viable option in certain cases. For instance, it provides improved performance on computers depending on the hardware specification and search engine optimization. This thesis is an experimental study that aims to present knowledge regarding the rendering method's benefits and drawbacks. The study also presents when server-side rendering becomes beneficial to your web program compared to client-side rendering. The thesis also includes another rendering method using client-side rendering but with a configuration called virtualized. In this study, two identical web applications containing a grid were built. The rendering method using the server side was on one application and rendering methods using the client side were on the other application. The evaluation metrics of the rendering methods were the time to render the grid and how good of a user experience they provided. The results show that virtualized offers a faster rendering time and better user experience, especially at larger grids. Server-side rendering was faster than client-side rendering at all grid sizes and they had a similar user experience. Overall, this thesis suggests using virtualized when suited. Regarding server-side rendering, this thesis recommends using it carefully since it requires complex implementation and maintenance along with higher costs. Therefore, it comes down to the requirements of the application and if it is worth the complex implementation, cost, and maintenance.   

Ort, förlag, år, upplaga, sidor
2023. , s. 33
Serie
UMNAD ; 1380
Nyckelord [en]
Server-side rendering
Nationell ämneskategori
Programvaruteknik Data- och informationsvetenskap
Identifikatorer
URN: urn:nbn:se:umu:diva-209391OAI: oai:DiVA.org:umu-209391DiVA, id: diva2:1764528
Externt samarbete
twoday INSIKT AB
Utbildningsprogram
Civilingenjörsprogrammet i Interaktion och Design
Examinatorer
Tillgänglig från: 2023-06-09 Skapad: 2023-06-08 Senast uppdaterad: 2023-06-09Bibliografiskt granskad

Open Access i DiVA

Server-Side Rendering in React: When Does It Become Beneficial to Your Web Program?(546 kB)1979 nedladdningar
Filinformation
Filnamn FULLTEXT01.pdfFilstorlek 546 kBChecksumma SHA-512
d9850ed820df9c45fe093d714a4b0bf4398532f3feefacd1d7797d379865f742f943e076e12c72577e02f3ebdee1d8874641f5a5ad1d599c1e24aca83279de3e
Typ fulltextMimetyp application/pdf

Av organisationen
Institutionen för datavetenskap
ProgramvaruteknikData- och informationsvetenskap

Sök vidare utanför DiVA

GoogleGoogle Scholar
Totalt: 1980 nedladdningar
Antalet nedladdningar är summan av nedladdningar för alla fulltexter. Det kan inkludera t.ex tidigare versioner som nu inte längre är tillgängliga.

urn-nbn

Altmetricpoäng

urn-nbn
Totalt: 3228 träffar
RefereraExporteraLänk till posten
Permanent länk

Direktlänk
Referera
Referensformat
  • apa
  • ieee
  • vancouver
  • Annat format
Fler format
Språk
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Annat språk
Fler språk
Utmatningsformat
  • html
  • text
  • asciidoc
  • rtf