Polymer TodoMVC Example

Polymer is a new type of library for the web, built on top of Web Components, and designed to leverage the evolving web platform on modern browsers.

Polymer - www.polymer-project.org

Learning Polymer

The Polymer website is a great resource for getting started.

Here are some links you may find helpful:

Get help from Polymer devs and users:

Find us Slack - polymer.slack.com
Join the high-traffic polymer-dev Google group or the announcement-only polymer-announce Google group.

Implementation

The Polymer implementation of TodoMVC has a few key differences with other implementations:

Web Components allow you to create new HTML elements that are reusable, composable, and encapsulated.
Non-visual elements such as the router and the model are also implemented as custom elements and appear in the DOM. Implementing them as custom elements instead of plain objects allows you to take advantage of Polymer's data binding and event handling throughout the app.

Compatibility

Polymer and the web component polyfills are intended to work in the latest version of evergreen browsers. IE9 is not supported. Please refer to Browser Compatibility for more details.

Running this sample

Install node.js (required for bower client-side package management)
Install bower: npm install -g bower
From the todomvc\ folder, run bower update
Start a web server in the todomvc\ folder. Hint: if you have python installed, you can just run:

python -m SimpleHTTPServer
Browse to the server root

Making updates

If you want to make a change to any of the elements in elements/elements.html, you'll need to install polybuild (Polymer's build tool) and re-vulcanize elements.build.html.

Run npm install (first time only)
Make a change
Run npm run build