Knihovna React komponent pro zrychlení a zkvalitnění vývoje UI
| Název práce: | Knihovna React komponent pro zrychlení a zkvalitnění vývoje UI |
|---|---|
| Autor(ka) práce: | Nývlt, Tomáš |
| Typ práce: | Bakalářská práce |
| Vedoucí práce: | Růžička, Vojtěch |
| Oponenti práce: | Cahlík, Ondřej |
| Jazyk práce: | Česky |
| Abstrakt: | 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. |
| Klíčová slova: | React; React components; UI; design-system; grafické rozhraní; web; webová stránka; uživatelské rozhraní |
| Název práce: | React component library to increase the speed and quality of UI development |
|---|---|
| Autor(ka) práce: | Nývlt, Tomáš |
| Typ práce: | Bachelor thesis |
| Vedoucí práce: | Růžička, Vojtěch |
| Oponenti práce: | Cahlík, Ondřej |
| Jazyk práce: | Česky |
| Abstrakt: | 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. |
| Klíčová slova: | UI; React; React components; design-system; graphic interface; web; web page; user interface |
Informace o studiu
| Studijní program / obor: | Aplikovaná informatika/Aplikovaná informatika |
|---|---|
| Typ studijního programu: | Bakalářský studijní program |
| Přidělovaná hodnost: | Bc. |
| Instituce přidělující hodnost: | Vysoká škola ekonomická v Praze |
| Fakulta: | Fakulta informatiky a statistiky |
| Katedra: | Katedra informačních technologií |
Informace o odevzdání a obhajobě
| Datum zadání práce: | 30. 11. 2020 |
|---|---|
| Datum podání práce: | 10. 5. 2021 |
| Datum obhajoby: | 14. 6. 2021 |
| Identifikátor v systému InSIS: | https://insis.vse.cz/zp/75376/podrobnosti |