Developing and Implementing Web Components
KC, Krishna (2022)
Lataukset:
2022
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-202202042125
https://urn.fi/URN:NBN:fi:amk-202202042125
Tiivistelmä
The main objectives of this thesis were to research different specifications of Web Components, implement them to create a dynamic reusable component without the help of libraries or frameworks, and, then reuse the created component in React JS which is the most popular framework of 2021.
This thesis summarizes the concepts and implementations of different technologies behind Web Component specifications, including Custom Elements, Shadow DOM, and HTML template. The opportunities and challenges of Web Components are presented in general. Likewise, different easy-to-use and open-source tools needed are briefly presented. The component developed within the thesis provides an easy approach to defining a web component, its deployment, and reuse in applications based on React JS.
This thesis summarizes the concepts and implementations of different technologies behind Web Component specifications, including Custom Elements, Shadow DOM, and HTML template. The opportunities and challenges of Web Components are presented in general. Likewise, different easy-to-use and open-source tools needed are briefly presented. The component developed within the thesis provides an easy approach to defining a web component, its deployment, and reuse in applications based on React JS.