19/5/2017 Polymer (library) - Wikipedia

Polymer (library)
From Wikipedia, the free encyclopedia

Polymer is an open-source JavaScript library for

building web applications using web components. Polymer
The library is being developed by Google
developers and contributors on GitHub. Modern
design principles are implemented as a separate
project using Google's Material Design design
principles.

Polymer is used by a number of Google services

and websites, including YouTube Gaming (https://ga
ming.youtube.com/games), Google I/O websites,
Google Play Music and redesign (https://sites.googl Developer(s) Google and contributors

e.com/new) of Google Sites.[3] Initial release May 27, 2015

Stable release 1.9.1 / April 18, 2017[1]

Contents Preview release 2.0-rc.7 / April 20, 2017[1]

Repository https://github.com/Polymer/polymer
1 History Development status Active
2 Features
Written in JavaScript, HTML
3 Usage
4 Custom elements Type JavaScript library
5 See also License 3-Clause BSD[2]
6 References
7 External links Website www.polymer-project.org (https://
www.polymer-project.org)

History
Public development of Polymer began in Nov 14, 2013 with the release of a Promises Polyfill. This steadily
expanded into a web design library covering visual styling guidelines (via Material Design), data binding, and a
large number of "Core" and "Paper" web components. Core components were originally envisioned to
encompass generic functionality that would be essential to most websites, while Paper components were
intended to provide more specialized components with Material Design concepts forming a key part of their
design. A major milestone was reached with the release of Version 0.5, which was considered the first version
of the project ready for use by early adopters.[4]

Google continued to revise the design of Polymer after the release of 0.5, with special consideration given to the
performance issues a number of developers found issue with. This culminated with the release of Polymer 1.0 in
2015, which was the first "production ready" version of the library.[5] Version 1.0 significantly improved the
performance of Polymer, reducing load times by up to 7 times.[6] With version 1.0 Google split the elements
from the Polymer project to clearly distinguish the elements catalog from the Polymer polyfill &
webcomponents-sugaring library.

On 1415 September 2015 Google organized a Polymer Summit (https://codelabs.developers.google.com/poly

mer-summit) in Amsterdam.
https://en.wikipedia.org/wiki/Polymer_(library) 1/3
19/5/2017 Polymer (library) - Wikipedia

Features
Polymer provides a number of features over vanilla web components:

Simplified way of creating custom elements

Both One-way and Two-way data binding
Computed properties
Conditional and repeat templates
Gesture events
Library of elements (Polymer Element Catalog (https://elements.polymer-project.org))

Usage
Polymer has begun to gain increasing recognition in the market, with special attention paid to its structured
design process, allowing for a "lego block" structure.[7]

Custom elements
Custom elements can be created using the dom-moduleelement provided by Polymer. Custom element
definition comprises CSS style, HTML template of the element's local DOM, element properties, lifecycle
callbacks and JavaScript methods:

<dom-module id="hello-element">
<template>
<style>
/* Local DOM CSS style */
</style>
<!-- Local DOM -->
Hello {{name}}!
</template>
<script>
Polymer({
is: 'hello-element',
properties: {
name: String
/* Element properties */
},
ready: function() {
/* Called when local DOM is initialized */
},
/* Custom methods */
});
</script>
</dom-module>

The element defined above can be used in HTML code:

<hello-element name="World"></hello-element>

See also
AngularJS

https://en.wikipedia.org/wiki/Polymer_(library) 2/3
19/5/2017 Polymer (library) - Wikipedia

React

References
1. "Releases Polymer/polymer" (https://github.com/Polymer/polymer/releases). GitHub. Retrieved 24 April 2017.
2. "polymer/LICENSE.txt at master" (https://github.com/Polymer/polymer/blob/master/LICENSE.txt). GitHub.
Retrieved 24 April 2017.
3. "Who's using Polymer?" (https://github.com/Polymer/polymer/wiki/Who's-using-Polymer%3F). GitHub.
Retrieved 4 June 2016.
4. "Polymer gives us a closer look at Google's Material Design UI" (http://www.androidauthority.com/polymer-ele
ments-material-design-397858/). Android Authority.
5. Steven Max Patterson (29 May 2015). "Google's Polymer 1.0 brings reuse and better branding to Web
development" (http://www.cio.com/article/2927587/web-development/google-polymer-brings-reuse-and-better-
branding-to-web-development.html). CIO.
6. "Welcome - Polymer 1.0" (https://www.polymer-project.org/1.0/).
7. Allie Coyne (13 August 2015). "Inside ING Direct's new lego block app architecture" (http://www.itnews.com.
au/News/407763,inside-ing-directs-new-lego-block-app-architecture.aspx). iTnews.

External links
Official website (https://www.polymer-project.org)
GitHub repository (https://github.com/Polymer/polymer)
WebComponents.org (http://webcomponents.org/)

Retrieved from "https://en.wikipedia.org/w/index.php?title=Polymer_(library)&oldid=779870181"

Categories: Free computer libraries Free software programmed in JavaScript Google software HTML
JavaScript libraries Rich Internet application frameworks Software using the BSD license

This page was last edited on 11 May 2017, at 14:38.

Text is available under the Creative Commons Attribution-ShareAlike License; additional terms may
apply. By using this site, you agree to the Terms of Use and Privacy Policy. Wikipedia is a registered
trademark of the Wikimedia Foundation, Inc., a non-profit organization.

https://en.wikipedia.org/wiki/Polymer_(library) 3/3