Knihovna React komponent pro zrychlení a zkvalitnění vývoje UI

Tomáš Nývlt

Bachelor's thesis

React component library to increase the speed and quality of UI development

Anotácia:

Bakalářská práce se zabývá tvorbou knihovny určenou pro vývoj frontendu webových stránek a aplikací. Jelikož tvorba stránek či aplikací začíná vždy tvorbou grafického rozhraní, je nutné pracovat rychle, kvalitně a bez chyb. Nejpracnější částí často bývá správné nastavení základních vlastností jako jsou barvy a typografie. Tyto vlastnosti vycházejí z vizuálního stylu klienta a na dalších projektech se již nemění. Téma s těmito daty je pak základním nastavením, které komponenty při svém renderování využívají. Práce zahrnuje analýzu současných knihoven pro tvorbu UI a zjišťuje výhody komponentového systému. Cílem je vytvořit volně dostupný balík znovupoužitelných komponent publikovaný v balíčkovém systému npm. V práci je popsán jak samotný vývoj, tak i použité technologie a příklady užití. Autor očekává, že čtenář má alespoň základní znalosti vývoje softwaru.

Abstract:

The bachelor thesis deals with the creation of a library for the development of frontend web pages and applications. Since the development of web pages or applications always starts with the creation of the graphical interface, it is necessary to work quickly, qualitatively and without errors. Often the most laborious thing to do is to get the basic settings like colors and typography right. These properties are based on the client's visual style and do not change on subsequent projects. The theme with this data is then the basic settings that components use in their rendering. This work includes an analysis of current libraries for UI development and identifies the advantages of a component-based system. The goal is to create a freely available package of reusable components published in the npm package system. The thesis describes the development itself as well as the technologies and examples of use. The author expects the reader to have at least a basic understanding of software development.

Kľúčové slová

React, React components, UI, design-system, grafické rozhraní, web, webová stránka, uživatelské rozhraní

Keywords

UI, React, React components, design-system, graphic interface, web, web page, user interface

Jazyk práce: Czech

Datum vytvoření / odevzdání či podání práce: 30. 11. 2020

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

• Obhajoba proběhla 14. 6. 2021
• Vedúci: Vojtěch Růžička
• Oponent: Ondřej Cahlík

Vysoká škola ekonomická v Praze

Bachelor programme / odbor:
Aplikovaná informatika / Aplikovaná informatika