Umeå University's logo

umu.sePublications
Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • 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
Server-Side Rendering in React: When Does It Become Beneficial to Your Web Program?
Umeå University, Faculty of Science and Technology, Department of Computing Science.
2023 (English)Independent thesis Advanced level (degree of Master (Two Years)), 20 credits / 30 HE creditsStudent thesis
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.   

Place, publisher, year, edition, pages
2023. , p. 33
Series
UMNAD ; 1380
Keywords [en]
Server-side rendering
National Category
Software Engineering Computer and Information Sciences
Identifiers
URN: urn:nbn:se:umu:diva-209391OAI: oai:DiVA.org:umu-209391DiVA, id: diva2:1764528
External cooperation
twoday INSIKT AB
Educational program
Master of Science Programme in Interaction Technology and Design - Engineering
Examiners
Available from: 2023-06-09 Created: 2023-06-08 Last updated: 2023-06-09Bibliographically approved

Open Access in DiVA

Server-Side Rendering in React: When Does It Become Beneficial to Your Web Program?(546 kB)1392 downloads
File information
File name FULLTEXT01.pdfFile size 546 kBChecksum SHA-512
d9850ed820df9c45fe093d714a4b0bf4398532f3feefacd1d7797d379865f742f943e076e12c72577e02f3ebdee1d8874641f5a5ad1d599c1e24aca83279de3e
Type fulltextMimetype application/pdf

By organisation
Department of Computing Science
Software EngineeringComputer and Information Sciences

Search outside of DiVA

GoogleGoogle Scholar
Total: 1392 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: 2834 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • 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