Modern Web Frameworks : a Comparison of Performance and Efficiency
Paananen, Sami (2024)
2024
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2024112028886
https://urn.fi/URN:NBN:fi:amk-2024112028886
Tiivistelmä
The continuous evolution and innovation within the web development community has led to a never-ending race within the most popular front–end frameworks like React, Angular and Vue. Not only have these frameworks been in constant improvement competing with one another but also, they have focused much attention on the performance and developer experience.
However, such performance issues are typically only observed when building large and complex applications. For applications that depend on a lot of external data can cause long loading screens, or in some rare cases — the application simply does not respond at all. Or issues arise even at the development stage where the tracking of component behaviour is lost, leading into unintended side effects or renders.
React, a well-known library of JavaScript language, has brought some high expectations in version 19 RC introducing its own compiler. This compiler uses memory management features in components and hooks to prevent re-computation of certain values along with related components and hooks.
This thesis aims to carry out a performance evaluation of modern frameworks. The study examines the component rendering effectiveness and the system performance during data-heavy driven tasks. Application performance will be measured using Chrome, React, Angular and Vue developer tools to make conclusions.
The results are aimed especially at web-developers who want to gain insight into the performance of modern web development.
However, such performance issues are typically only observed when building large and complex applications. For applications that depend on a lot of external data can cause long loading screens, or in some rare cases — the application simply does not respond at all. Or issues arise even at the development stage where the tracking of component behaviour is lost, leading into unintended side effects or renders.
React, a well-known library of JavaScript language, has brought some high expectations in version 19 RC introducing its own compiler. This compiler uses memory management features in components and hooks to prevent re-computation of certain values along with related components and hooks.
This thesis aims to carry out a performance evaluation of modern frameworks. The study examines the component rendering effectiveness and the system performance during data-heavy driven tasks. Application performance will be measured using Chrome, React, Angular and Vue developer tools to make conclusions.
The results are aimed especially at web-developers who want to gain insight into the performance of modern web development.