Web components.md

Confusing Components

Do I need all four parts?

• Custom Elements
• Shadow DOM
• HTML Imports
• HTML Templates

I'm confused as to which bits I need supported. Do I need all of them to blindy create and use other components?

EG, if I want to create <jack-element></jack-element> that has the content <p>My name is Jack</p> and some JS attached, which of the above are required?

How do I polyfill web components?

• do I need to polyfill all the "parts" ?
• Is it best to just use the full polyfill from https://github.com/webcomponents/webcomponentsjs/tree/v0.7.22 ?
• Or is it best to pick the polyfills for each individual bit that I need? How would I do that?

What is Polymer?

• Is it a collection of polyfills for the above?
• Is it a full on library / framework for building web applications that happens to first polyfill over components?
• If I use Polymer do I lock myself into using it in the future, event when components become fully supported?

CSS

• Can I have scoped CSS for a component (akin to CSS modules in React)

@ebidel that helps so much, thank you! I really appreciate it. That cleared up a lot of things in my head.