Comparison of adoption and performance of Svelte and React frameworks
Saukonoja, Olivia (2023)
Saukonoja, Olivia
2023
Tieto- ja sähkötekniikan kandidaattiohjelma - Bachelor's Programme in Computing and Electrical Engineering
Informaatioteknologian ja viestinnän tiedekunta - Faculty of Information Technology and Communication Sciences
This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Hyväksymispäivämäärä
2023-03-03
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:tuni-202302092240
https://urn.fi/URN:NBN:fi:tuni-202302092240
Tiivistelmä
Web development has become more common since the 1990s as the number of Internet users has increased and web technologies have developed. Nowadays, web development is strongly driven by web frameworks, which are a collection of software components. Since there are many different frameworks available today, it is important to evaluate which one is the most suitable for a particular application before starting development. The objective of this thesis is to introduce React and Svelte frontend application frameworks and to compare their adoption and performance.
The comparison of adoption was made by analyzing the syntax, number of libraries, documentation, and community according to the comparison model for agile web frameworks. It was shown that Svelte’s code syntax is easier to understand and faster to learn than React’s. However, the number of libraries is bigger for React than for Svelte, React’s documentation is wider than Svelte’s, and React’s community is larger and more useful to a developer learning and using the framework. This indicates that learning Svelte is faster than learning React due to Svelte’s syntax, but learning advanced web development with React is easier than learning it with Svelte due to the number of libraries and documentation, the size of the community and the maturity of the framework.
According to studies, Svelte’s script execution time, when creating components as a binary tree, updating static elements, and updating a component tree with static content, is lower than React’s. The reasons for this are lower fixed costs and differences in processing static content and updating the DOM. Duration of a full render cycle in creating components as a binary tree is also smaller in Svelte than in React due to smaller file sizes and lower script execution time. In conclusion, Svelte is more efficient than React.
The comparison of adoption was made by analyzing the syntax, number of libraries, documentation, and community according to the comparison model for agile web frameworks. It was shown that Svelte’s code syntax is easier to understand and faster to learn than React’s. However, the number of libraries is bigger for React than for Svelte, React’s documentation is wider than Svelte’s, and React’s community is larger and more useful to a developer learning and using the framework. This indicates that learning Svelte is faster than learning React due to Svelte’s syntax, but learning advanced web development with React is easier than learning it with Svelte due to the number of libraries and documentation, the size of the community and the maturity of the framework.
According to studies, Svelte’s script execution time, when creating components as a binary tree, updating static elements, and updating a component tree with static content, is lower than React’s. The reasons for this are lower fixed costs and differences in processing static content and updating the DOM. Duration of a full render cycle in creating components as a binary tree is also smaller in Svelte than in React due to smaller file sizes and lower script execution time. In conclusion, Svelte is more efficient than React.
Kokoelmat
- Kandidaatintutkielmat [8800]