Polymer provides a way to do web development based on encapsulated custom elements. Its uses Shadow DOM for encapsulating content of element and we get scoped styles. Also polymer makes the custom elements totally interoperable with x-tags and vanilla custom elements.
Polymer also comes with some predefined and general purpose custom elements. Polymer has categorized these new elements into core and paper elements:
- Core Elements - Core elements include things like icons, layout elements, toolbars and also non-ui elements like ajax, local-storage.
- Paper Elements - implements material design system.
Polymer is primarily built on 4 pillars of web components:
- Custom Elements
- HTML Imports
- HTML Templates
- Shadow DOM
Here is my talk at XConf, ThoughtWorks Bangalore on 22 Nov, 2014.