Comparative Analysis of React, Vue.js, and Svelte: Technical Evaluation, Performance, and Developer Experience

Bc. Martin Dékány

Bakalářská práce

Anotace:

Táto práca predstavuje komplexnú porovnávaciu analýzu troch popredných frontendových frameworkov React, Vue.js a Svelte s dôrazom na technické hodnotenie, výkonnostné benchmarky a skúsenosti vývojárov. Výskum využíva jednotný systém zostavovania založený na Vite na skúmanie architektúry každého frameworku, nastavenia projektu, správy stavov a efektívnosti vykresľovania prostredníctvom série praktických prototypových implementácií a výkonnostných testov. Kvantitatívne porovnávacie testy vrátane účinnosti aktualizácie DOM, mutácie stavu vo vnorených štruktúrach, škálovateľnosti poslucháčov udalostí a synchronizácie vstupných polí odhaľujú medzi jednotlivými rámcami významné rozdiely vo výkone a využívaní zdrojov. V štúdii sa hodnotí aj jednoduchosť používania, veľkosť zostavenia a ekosystémy nástrojov, pričom sa zdôrazňuje, že zatiaľ čo React ponúka bohatý ekosystém a stabilitu, Vue.js poskytuje vyvážený prístup s intuitívnou syntaxou a Svelte vyniká vo výkone vďaka prístupu založenému na kompilátore. Zistenia umožňujú vývojárom a architektom pochopiť kompromisy a silné stránky obsiahnuté v jednotlivých rámcoch. Na základe analýzy sa v závere práce uvádzajú odporúčania prispôsobené rôznym požiadavkám projektu, čím sa ponúka pevný základ pre výber optimálneho frontendového frameworku v moderných projektoch vývoja webových stránok.

Abstract:

This thesis presents a comprehensive comparative analysis of three leading frontend frameworks, React, Vue.js, and Svelte, emphasizing technical evaluation, performance benchmarks, and developer experience. The research uses a uniform Vite-based build system to investigate each framework’s architecture, project setup, state management, and rendering efficiency through a series of practical prototype implementations and performance tests. Quantitative benchmarks, including DOM update efficiency, state mutation in nested structures, event listener scalability, and input field synchronization, reveal significant performance and resource usage differences among the frameworks. The study also evaluates the ease of use, build size, and tooling ecosystems, highlighting that while React offers a rich ecosystem and stability, Vue.js provides a balanced approach with intuitive syntax, and Svelte excels in performance due to its compiler-based approach. The findings enable developers and architects to understand the trade-offs and strengths inherent in each framework. Based on the analysis, the thesis concludes with recommendations tailored to various project requirements, thereby offering a solid foundation for selecting an optimal frontend framework in modern web development projects.

Keywords

frontend frameworks, JavaScript frameworks, React, Vue.js, Svelte, comparative analysis, web development

Jazyk práce: angličtina

Datum vytvoření / odevzdání či podání práce: 23. 5. 2025

Obhajoba závěrečné práce

• Obhajoba proběhla 25. 6. 2025
• Vedoucí: RNDr. Marek Kumpošt, Ph.D.
• Oponent: RNDr. Andrij Stecko, Ph.D.

Masarykova univerzita

Fakulta informatiky

Bakalářský studijní program / obor:
Programování a vývoj aplikací / Programování a vývoj aplikací