Porovnání vybraných React UI knihoven

Alexander Vedernikov

Bachelor's thesis

Comparison of Selected React UI libraries

Anotácia:

Práce se zabývá srovnávací analýzou tří dominantních React UI knihoven – Material UI verze 7, Ant Design verze 5 a Chakra UI verze 3. Jako referenční prostředí byl implementován administrační panel ve třech identických variantách. Hodnocení probíhalo na základě šesti vážených kritérií: výkon, přístupnost, vývojářská zkušenost, theming, ekosystém a internacionalizace. Výkon byl měřen nástrojem Lighthouse CI, přístupnost kombinací axe-core a manuální inspekce dle WCAG 2.1, vývojářská zkušenost TypeScriptovými testy typové bezpečnosti. Každé kritérium bylo ohodnoceno škálou 1–10, vážené skóre určilo celkové pořadí. Material UI dosáhlo nejvyššího skóre 7,83 a vedlo ve výkonu, vývojářské zkušenosti i themingu. Ant Design skončilo druhé se skóre 6,38 a dominovalo v internacionalizaci. Chakra UI s celkovým skóre 5,57 zaostalo vlivem runtime overheadu CSS-in-JS a nekompatibilit s TypeScriptem 5.9. Výsledky jsou konzistentní napříč třemi hodnotícími scénáři a poskytují vývojářům strukturovaný základ pro výběr UI knihovny dle priorit projektu.

Abstract:

This thesis presents a comparative analysis of three dominant React UI component libraries – Material UI version 7, Ant Design version 5, and Chakra UI version 3. A reference administrative dashboard was implemented in three identical variants, each using the respective library. The evaluation covered six weighted criteria: performance, accessibility, developer experience, theming, ecosystem, and internationalization. Performance was measured with Lighthouse CI, accessibility via axe-core scanning and manual WCAG 2.1 inspection, and developer experience through TypeScript type-safety tests. Each criterion was scored on a 1–10 scale, with weighted scores determining the overall ranking. Material UI achieved the highest score of 7.83, leading in performance, developer experience, and theming. Ant Design ranked second with 6.38, dominating in internationalization support. Chakra UI scored 5.57, falling behind due to CSS-in-JS runtime overhead and TypeScript 5.9 incompatibilities. The ranking was consistent across three evaluation scenarios and provides developers with a structured basis for selecting a UI library based on project priorities.

Kľúčové slová

React, knihovna komponent, Material UI, Ant Design, Chakra UI, výkon webových aplikací, přístupnost, vývojářská zkušenost, theming, srovnávací analýza

Keywords

Material UI, web application performance, accessibility, theming, component library, Ant Design, React, Chakra UI, developer experience, comparative analysis

Jazyk práce: Czech

Datum vytvoření / odevzdání či podání práce: 18. 3. 2026

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

• Obhajoba proběhla 20. 5. 2026
• Vedúci: doc. Ing. Jan Masner, Ph.D.
• Oponent: Vladimír Voral, Ing.

Czech University of Life Sciences Prague

Faculty of Economics and Management

Bachelor programme:
Informatics