Srovnání aktuálních frontendových frameworků a Vanilla JS a identifikace faktorů pro rozhodovaní o jejich užití

Václav Géryk

Bachelor's thesis

Comparison of current frontend frameworks and Vanilla JS and identification of factors for deciding on their use

Abstract:

Tato bakalářská práce si dává za cíl srovnání aktuálních frontendových javascriptových frameworků a vanilla JavaScriptu a identifikaci faktorů pro rozhodování o jejich užití. V současnosti je toto téma velmi aktuální, jelikož se téměř každý rok objevují nové frameworky a vývojáři by měli znát jejich podstatné rozdíly a případy užití. Pro tuto práci byly jako nejrelevantnější zvoleny frameworky React, Angular, Vue, Svelte a SolidJS, které práce nejprve stručně představí a následně pomocí různých kritérií srovnává. Kritéria srovnávání jsou nalezena v dotaznících prováděnými mezi vývojáři a také na základě akademických prací zaměřených na toto téma. Sledovanými kritérii jsou rychlost frameworku, délka kódu aplikací, velikost frameworku a aplikace, kvalita dokumentace frameworku a velikost komunity frameworku. Jako další podstatná kritéria byla zvolena četnost aktualizací a stabilita frameworku a také ekosystém frameworku tvořený přídavnými knihovnami a nástroji pro tvorbu mobilních aplikací. Dalším cílem práce je na základě výsledků srovnání vytvořit doporučení pro volbu správného frameworku na určité typy projektů. Práce také představuje konkrétní aplikace využívající tyto frameworky či vanilla JavaScript a popisuje vývojářskou zkušenost s těmito frameworky

Abstract:

This bachelor thesis aims to compare current frontend javascript frameworks and vanilla JavaScript and identify factors for their use. This topic is very current, beacause new frameworks appear almost every year and developers should know their essential differences and use cases. For this thesis, React, Angular, Vue, Svelte and SolidJS frameworks have been chosen as the most relevant ones, which the thesis first briefly introduces and then compares using different criteria. The criteria for comparison are found in questionnaires conducted among developers and also based on academic papers focused on this topic. The criteria observed are the speed of the framework, the length of the application code, the size of the framework and the application, the quality of the framework documentation and the size of the framework community. Other relevant criteria were the frequency of updates and stability of the framework, as well as the framework ecosystem consisting of additional libraries and tools for building mobile applications. Another goal of this thesis is to make recommendations for choosing the right framework for certain types of projects based on the results of the comparison. The thesis also presents examples of applications that use these frameworks or vanilla JavaScript and describes the developer experience with these frameworks.

Keywords

front-end, JavaScript, React, Svelte, Vue.js, framework

Keywords

front-end, JavaScript, React, Svelte, Vue.js, framework

Language used: Czech

Date on which the thesis was submitted / produced: 9. 5. 2022

Thesis defence

• Date of defence: 16. 6. 2022
• Supervisor: Tomáš Bruckner
• Reader: Marcel Valový

Vysoká škola ekonomická v Praze

Bachelor programme / field:
Aplikovaná informatika / Informační média a služby