Aplikace React JavaScript - atomický design

Alina Altynbayeva

Bakalářská práce

React JavaScript Application - atomic design

Anotace:

Tato bakalářská práce se zaměřuje na vypracování atomického design systému v prostředí frameworku React.js s hlavním cílem srovnání výkonu aplikací a jejich optimalizace za použití dostupných nástrojů. Teoretická část práce analyzuje historický vývoj webu a postupně přechází k detailnímu popisu základních stavebních prvků webu, včetně HTML, CSS a JavaScript. Praktická část práce se zaměřuje na implementaci atomického design systému ve frameworku React.js s následnou optimalizaci a vyhodnocením. Výsledky této práce poskytují ucelený pohled na využití atomického designu a jeho dopad na výkonost webových aplikací v prostředí frameworku React.js.

Abstract:

This bachelor thesis aims to create an atomic design system within the React.js framework environment. The primary objective of this study is to compare the performance of applications and optimize them using available tools. The theoretical part of the thesis analyses the historical evolution of the web and provides a detailed description of its main elements, including HTML, CSS, and JavaScript. The practical part of the thesis focuses on implementing an atomic design system using React.js followed by the optimization and the evaluation. The results of the bachelor thesis offer a compacted perspective on the use of atomic design and its impact on the performance of web applications within the React.js development framework environment.

Klíčová slova

atomický design, design systém, React.js, optimalizace, testování

Keywords

atomic design, design system, React.js, optimization, testing

Jazyk práce: čeština

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

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

• Vedoucí: Ing. David Buchtela, Ph.D.
• Oponent: Tomáš Novák, BA (Hons)

Česká zemědělská univerzita v Praze

Provozně ekonomická fakulta

Bakalářský studijní program:
Informatika