 <p>Below are my notes on the conversion process from Polymer 0.5 to 0.8.</p> <h3>See Polymer 0.8 Migration Guide</h3> <p><a href="https://www.polymer-project.org/0.8/docs/migration.html" rel="nofollow">https://www.polymer-project.org/0.8/docs/migration.html</a></p> <h3>HTML Conversion Process</h3> <ol> <li>polymer-element to dom-module</li> <li>polymer-element name to <li>polymer-element attribute/property camelCase to dash-case</li> <li>polymer-element attributes="xxx xxxx" add to javascript properties</li> <li>polymer-element layout <code>&lt;polymer-element name="x-foo" layout horizontal wrap&gt;</code> <ul> <li>add <code>&lt;link rel="import" href="../layout/layout.html"&gt;</code> to top with other imports</li> <li>add hostAttributes <code>hostAttributes: {class: "layout horizontal wrap"}</code> to Polymer({</li> </ul></li> <li>polymer-element move up <code>&lt;link rel="import" type="css" href="my-awesome-button.css"&gt;</code> from <code>&lt;template&gt; to &lt;dom-module&gt;</code> </li> <li>polymer-element move up <code>&lt;style&gt;&lt;/style&gt;</code> from <code>&lt;template&gt;</code> to <code>&lt;dom-module&gt;</code> <ul> <li>see www.polymer-project.org/0.8/docs/devguide/local-dom.html</li> </ul></li> <li>template repeat to is="x-repeat" and repeat= to items= (temporary) <ul> <li>see www.polymer-project.org/0.8/docs/devguide/experimental.html</li> </ul></li> <li>template is="auto-binding" to is="x-binding" (temporary)</li> <li>template if= to is="x-if" (temporary) or use diplay block or none</li> <li>textContent binding from <code>&lt;div&gt;First: {{first}}&lt;/div&gt;</code> TO <code>&lt;span&gt;{{first}}&lt;/span&gt;&lt;br&gt;</code></li> <li>elements <code>on-click="{{handleClick}}"</code> to <code>on-click="handleClick"</code></li> </ol> <h3>Javascript Conversion Process</h3> <ol> <li>polymer-element name to Polymer({ is: </li> <li>polymer-element attributes="" to javascript <code>properties: { }</code></li> </ol> <h3>CSS Conversion Process</h3> <ol> <li>polymer-element move up <code>&lt;style&gt;&lt;/style&gt;</code> from <code>&lt;template&gt;</code> to <code>&lt;dom-module&gt;</code> (as noted above) <ul> <li>see www.polymer-project.org/0.8/docs/migration.html#styling</li> </ul></li> </ol> <h3>Difference example of paper-button conversion by Polymer team</h3> <p><a href="http://chuckh.github.io/road-to-polymer/compare-code.html?el=paper-button" rel="nofollow">http://chuckh.github.io/road-to-polymer/compare-code.html?el=paper-button</a></p>