@borderguru/dummy-component

dummy-component

This is the first web component of HERMES, it's an example of all the great things which can be done, its purpose is just show how a web component is created and published at our private NPM repo.

What is a web component?

Web components are a set of web platform APIs that allow you to create new custom, reusable, encapsulated HTML tags to use in web pages and web apps. Custom components and widgets build on the Web Component standards, will work across modern browsers, and can be used with any JavaScript library or framework that works with HTML.

Web components are based on existing web standards. Features to support web components are currently being added to the HTML and DOM specs, letting web developers easily extend HTML with new elements with encapsulated styling and custom behavior.

Definition taken from webcomponents.org

How is it done?

For this web component, the choosen framework is hybrids. This is just a framework, there are many others frameworks and in the future you may find others, don't panic.

This modules shows how to create a web component, packaging and publishing at NPM.

How to use it?

Install the component in your project

npm i dummy-component

Now, it's ready to be used

import from 'dummy-component'

<script src="src/index.js" defer></script>