Component-based UI Web Development

Marcel Mráz

Bachelor's thesis

Anotácia:

Specifikace webových komponent je specifikací následující komponentový vývoj webových uživatelských rozhraní. Díky této specifikaci je možné vytvářet vlastní znovupoužitelné a enkapsulované HTML elementy. V průběhu psaní této práce nebyla tato specifikace ještě stále plně standardizována a proto existuje jen velmi málo materiálů, které toto téma rozebírají. Hlavním cílem této práce je poskytnout základní přehled v komponentovém vývoji webových aplikací se zaměřením právě na webové komponenty. Důraz je kladen na základní principy a odlišnosti mezi specifikací webových komponent, LitElement knihovnou (jakožto knihovnou rozširující tuto specifikaci) a React.js knihovnou (jakožto jednoho z největších popularizátorů komponentového webového vývoje).

Abstract:

Web Components specification is a specification following component-based UI (User Interface) development approach, allowing to create reusable and encapsulated custom HTML elements. By the time of writing this thesis, Web Components specification was not yet fully standardised into the Web platform and thus very little materials describing this topic exist. The main objective of this thesis is to provide a basic overview of component-based UI web development with a focus on Web Components specification. Fundamental principles and differences are emphasized between Web Components specification, LitElement library (a superset of Web Component specification) and React.js library (as one of the popularisers of component-based UI web development).

Keywords

HTML, JavaScript, Web Components, React, State management

Jazyk práce: English

Datum vytvoření / odevzdání či podání práce: 24. 5. 2019

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

• Obhajoba proběhla 26. 6. 2019
• Vedúci: doc. RNDr. Tomáš Pitner, Ph.D.
• Oponent: Mgr. Luděk Bártek, Ph.D.

Masaryk University

Faculty of Informatics

Bachelor programme / odbor:
Applied Informatics / Applied Informatics