Porovnání vybraných React UI knihoven – Alexander Vedernikov

Anotace:

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. …víceméně

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. …víceméně