Comparison of full-stack capabilities of modern React frameworks
Rauhala, Miro (2025)
2025
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-2025051311276
https://urn.fi/URN:NBN:fi:amk-2025051311276
Tiivistelmä
The objective of the thesis was to compare the full-stack capabilities of modern React frameworks. The commissioner of the thesis was the software consulting company Futurice Ltd. The purpose of the thesis was to help the client advice their client on the differences of full-stack React frameworks.
The comparison focused on the differences between three React frameworks: Next.js, React Router, and TanStack Start. The comparison subjects were based on their popularity, wide install base, and novelty. The overviews for the frameworks were separated by three major categories of features the frameworks provide which were routing, data fetching, and state management.
The outcome of the thesis was feature comparison tables of the frameworks from which developers can compare the features and their relationships with each other. The conclusion of the thesis was that React frameworks are very similar with subtle differences. Moreover, it was concluded that for new web application projects the features the frameworks bring are not overly significant. However, for existing project the differences can cause problems, which is why it is important for the developers to study each framework in more detail to understand which framework to select, depending on the requirements the web application projects themselves set. In the end, further study could be done on the topics left outside of the thesis which were performance, accessibility, and different runtime support.
The comparison focused on the differences between three React frameworks: Next.js, React Router, and TanStack Start. The comparison subjects were based on their popularity, wide install base, and novelty. The overviews for the frameworks were separated by three major categories of features the frameworks provide which were routing, data fetching, and state management.
The outcome of the thesis was feature comparison tables of the frameworks from which developers can compare the features and their relationships with each other. The conclusion of the thesis was that React frameworks are very similar with subtle differences. Moreover, it was concluded that for new web application projects the features the frameworks bring are not overly significant. However, for existing project the differences can cause problems, which is why it is important for the developers to study each framework in more detail to understand which framework to select, depending on the requirements the web application projects themselves set. In the end, further study could be done on the topics left outside of the thesis which were performance, accessibility, and different runtime support.