Frameworky Qwik a Astro z pohledu React vývojáře

Petr Buk

Bachelor's thesis

Qwik and Astro frameworks from the perspective of a React developer

Abstract:

Práce se zabývá oblastí vývoje webových aplikací. Konkrétně byly vybrány tři frameworky, jež mají za cíl přinášet co nejrychlejší webové stránky a aplikace. Tuto rychlost lze měřit pomocí různých metrik při načítání v prohlížeči uživatele. Hlavním cílem práce je tyto frameworky představit a následně srovnat, přičemž hlavní částí tohoto srovnání je právě rychlost vybraných frameworků. Vybranými frameworky jsou Next.js, Astro a Qwik. Na základě získaných informací je vytvořeno doporučení pro volbu frameworků pro různé typy webových stránek a aplikací. Pro získání co nejpřesnějších výsledků je potřeba provést měření na co nejvíce totožných stránkách. Proto je součástí práce i návrh a implementace jednoduchého testovacího webu. Web je navržen s ohledem na toto měření. Jednotlivé stránky představují možné typy skutečných stránek, díky čemuž si lze představit využití frameworků pro různé typy webů. Pro samotné měření výkonnosti byl připraven jednoduchý skript, využívající volně dostupný nástroj Lighthouse a pro minimalizaci anomálií proběhlo měření pro všechny stránky v několika iteracích. Jelikož autor vycházel při volbě tématu ze své znalosti knihovny React, je součástí srovnání i subjektivní pocit z náročnosti použití především frameworků Astro a Qwik. Toto srovnání je součástí druhé části celkového srovnání. Další části jsou rozsah funkcionalit frameworků, jejich komunit a dokumentace. Na základě měření se jako nejvýkonnější jeví framework Qwik. Ten přináší unikátní způsob vytváření stránek a velmi dobře dosahuje svých cílů. I na základě jeho prozatím omezených funkcionalit a čerstvému stádiu vývoje byl framework doporučen pouze pro jednodušší dynamické weby či aplikace, které vyžadují vysokou výkonnost. Pro jednoduché statické stránky byl doporučen framework Astro a pro složitější aplikace framework Next.js. Práce by měla tvořit hodnotu především pro začínající vývojáře, kteří chtějí získat přehled o současných technologiích v oblasti vývoje webových stránek a aplikací. Práce přináší aktuální srovnání výkonnosti frameworků. Zároveň je třeba brát v úvahu relevantnost měření s jdoucím vývojem nejen frameworků, ale technologií všeobecně.

Abstract:

The work focuses on the development of web applications. Specifically, three frameworks with the aim of providing the fastest possible web pages and applications were selected. This speed can be measured using various metrics during the user's browser loading. The main goal of the work is to introduce and compare these frameworks, with the main part of this comparison being the speed of the selected frameworks. The selected frameworks are Next.js, Astro, and Qwik. Based on the information obtained, a recommendation is created for choosing frameworks for different types of web pages and applications. To obtain the most accurate results, it is necessary to perform measurements on as identical pages as possible. Therefore, the work also includes the design and implementation of a simple testing website. The website is designed with a focus on this measurement. Individual pages are representing possible types of actual pages, making it possible to imagine the use of frameworks for different types of websites. A simple performance measurement script was prepared using the freely available tool Lighthouse, and to minimize anomalies, the measurement was performed for all pages in several iterations. Since the author chose the topic based on his knowledge of the React library, a subjective sense of the difficulty of use, particularly of the Astro and Qwik frameworks, is also included in the comparison. This comparison is part of the second part of the overall comparison. Other parts include the scope of framework functionalities, their communities, and documentation. Based on the measurements, the Qwik framework appears to be the quickest one. It brings a unique way of creating pages and achieves its goals very well. Despite its currently limited functionality and fresh development stage, the framework was recommended only for simpler dynamic websites or applications that require high performance. For simple static pages, the Astro framework was recommended, and for more complex applications, the Next.js framework was recommended. The work should primarily create value for beginner developers who want to gain an overview of current technologies in web development. The work provides a current comparison of framework performance. At the same time, it is necessary to consider the relevance of measurements with the ongoing development not only of frameworks but also of technologies in general.

Keywords

webový vývoj, React, Next.js, Astro, Qwik, Lighthouse

Keywords

web development, React, Next.js, Astro, Qwik, Lighthouse

Language used: Czech

Date on which the thesis was submitted / produced: 8. 5. 2023

Thesis defence

• Date of defence: 23. 6. 2023
• Supervisor: Ladislav Luc
• Reader: Vilém Sklenák

Vysoká škola ekonomická v Praze

Bachelor programme:
Aplikovaná informatika