Patrick Simpson

Intro to Polymer

What is Polymer?

An opinionated way to embrace the future web component standard (

Big frameworks are doing some form of "web components"

Why use Polymer?

From hacker news:

When you ask "should I use Polymer", what I hear is, "should I get a jump start on the upcoming future of the web"? Lets be clear here, Mozilla, IE, Chrome etc... are all merging on these technologies.

Object observers, templating, web components etc... are all emerging, Polymer is just one way you can use them now and tie them all together in an opinionated way.

If you don't like it you don't have to use polymer you could just use plain ol JS and achieve the exact same solution, just slightly more verbose and with less support.

In other words, if you want to start using web components, Polymer is one way to accomplish it.


To run Polymer you'll need polymer, run: bower install Polymer/polymer

Import Elements

html <link rel="import" href="elements/my-name.html">

Why this is awsome?

A huge benefit is reusability and shared component libraries. For example, Polymer provides core and paper elements.

To use it a core element, such as core-ajax all I needed to do was run: bower install Polymer/core-ajax

html <link rel="import" href="../bower_components/polymer/polymer.html"> <link rel="import" href="../bower_components/core-ajax/core-ajax.html"> <polymer-element name="my-name" noscript> <template> <core-ajax url="" auto response="{{res}}"></core-ajax> <div> Hello, my name is {{}} </div> </template> </polymer-element>


Web compontents promotes reusability, which can give your next project a jump start on framework, structure and more.

Write once, reuse it, time and time again. That's music to my ears.

This is something I am very excited about, and will continue to monitor. For now, here is a list of resources that I have found insanely useful.




Web Components

What is Shadow DOM?

Custom Components