Comparison of Modern Front-End Libraries and Frameworks in the Context of Building Web Applications

Praca dotyczy porównania frameworków front-endowych - Solid, Svelte i React - w kontekście budowy aplikacji internetowych. W części teoretycznej przedstawiono ich ewolucję, modele reaktywności i podstawowe funkcjonalności. W części badawczej poddano analizie aplikację, umożliwiającą zarządzanie kontem użytkownika na platformie Spotify, napisaną w trzech omawianych frameworkach. Każda wersja została poddana testom automatycznym, mierzącym wydajność i zużycie pamięci dla każdej istotnej funkcjonalności aplikacji. Dla każdego frameworka przetestowano również potencjalne optymalizacje, które mogłyby poprawić początkowe wyniki. React w każdym przypadku osiąga najgorsze wyniki, nawet po zastosowaniu optymalizacji lub wykorzystaniu React Compiler, a Solid najczęściej lepiej prezentuje się niż Svelte. Aplikacje przeanalizowano również pod kątem implementacji - jej rozmiaru oraz różnic między każdą napisaną wersją. Z tego porównania wyniknął wniosek, że Solid i Svelte oferują lepsze doświadczenie dewelopera, ponieważ implementacja jest krótsza i wygodniejsza niż w React. Analizie podlegał również ekosystem każdego z rozwiązań. React zdecydowanie dominuje w tym aspekcie. Jego ekosystem jest znacznie bardziej rozwinięty, co gwarantuje ogromną popularność frameworka, pomimo przewagi Svelte i Solid pod kątem wydajnościowym i pamięciowym. Okazuje się więc, że ostateczny wybór frameworka zależy od potrzeb dewelopera i React może okazać się najlepszym rozwiązaniem, pomimo wcześniej przedstawionych wad.

The master's thesis concerns the comparison of front-end frameworks - Solid, Svelte and React - in the context of building web applications. The theoretical part presents their evolution, reactivity models and basic functionalities. In the research part, an application enabling user account management on the Spotify platform, implemented in each of the three mentioned frameworks, was analyzed. Each version was subjected to automated tests measuring performance and memory usage for every significant functionality of the application. Potential optimizations that could improve initial results were also tested for each framework. React consistently achieved the worst results, even after applying optimizations or using React Compiler, while Solid generally performed better than Svelte. The applications were also analyzed in terms of implementation - its size and differences between each version. Based on this comparison, it was concluded that Solid and Svelte offer a better developer experience because their implementations are shorter and more convenient than in React. The ecosystem of each framework was also analyzed. In this aspect, React clearly dominates. Its ecosystem is much more developed, which ensures the framework's enormous popularity despite the advantages of Svelte and Solid in terms of memory usage and performance. Therefore, it turns out that the final choice of framework depends on the developer's needs and React may still be the best solution despite the aforementioned drawbacks.