React component library to increase the speed and quality of UI development
| Thesis title: | Knihovna React komponent pro zrychlení a zkvalitnění vývoje UI |
|---|---|
| Author: | Nývlt, Tomáš |
| Thesis type: | Bakalářská práce |
| Supervisor: | Růžička, Vojtěch |
| Opponents: | Cahlík, Ondřej |
| Thesis language: | Česky |
| Abstract: | 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. |
| Keywords: | React; React components; UI; design-system; grafické rozhraní; web; webová stránka; uživatelské rozhraní |
| Thesis title: | React component library to increase the speed and quality of UI development |
|---|---|
| Author: | Nývlt, Tomáš |
| Thesis type: | Bachelor thesis |
| Supervisor: | Růžička, Vojtěch |
| Opponents: | Cahlík, Ondřej |
| Thesis language: | Česky |
| 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. |
| Keywords: | UI; React; React components; design-system; graphic interface; web; web page; user interface |
Information about study
| Study programme: | Aplikovaná informatika/Aplikovaná informatika |
|---|---|
| Type of study programme: | Bakalářský studijní program |
| Assigned degree: | Bc. |
| Institutions assigning academic degree: | Vysoká škola ekonomická v Praze |
| Faculty: | Faculty of Informatics and Statistics |
| Department: | Department of Information Technologies |
Information on submission and defense
| Date of assignment: | 30. 11. 2020 |
|---|---|
| Date of submission: | 10. 5. 2021 |
| Date of defense: | 14. 6. 2021 |
| Identifier in the InSIS system: | https://insis.vse.cz/zp/75376/podrobnosti |