<Web>

    <Components> 

        <FTW />

    </Components>

</Web>

Web Components are Awesome

We can, more easily, create DRY HTML, JS, and CSS

Frameworks that have some form of a

Web Component

• Polymer
• Angular
• React

 

 

Or...

If you want to start using the W3 Standard Web Component then try out webcomponents.js 

(http://webcomponents.org/)

What goes into a Web Component

1. Templates
2. Shadow DOM
3. Custom Elements
4. Imports

Custom Elements

This specification describes the method for enabling the author to define and use new types of DOM elements in a document.

HTML Imports

HTML Imports are a way to include and reuse HTML documents in other HTML documents.​

Templates

This specification describes a method for declaring inert DOM subtrees in HTML and manipulating them to instantiate document fragments with identical contents.

Shadow DOM

This specification describes a method of combining multiple DOM trees into one hierarchy and how these trees interact with each other within a document, thus enabling better composition of the DOM.​

Angular

Directives

React

Polymer