README.md

Polymer Style Guide

Polymer is a library created to help develop web components in that can be composed into apps. It relies on the Web Components standard from W3C. It is supported by Google and, as of now, the latest released version is 1.3.1

Since Polymer is based on Web Components it has two different contexts:

• Component context: when you develop standalone components to be used by other web components, or component based apps.
• App context: When you use web components to compose your app, taking care on how they interact.

In this document we're going to introduce some common good practices for developing polymer components, and also polymer based apps.

Index

• Think in polymer:

  • Best practices about how to compose using atomic design, without monolithic code

• Observers and data binding:

  • Notify readOnly

  • {{}} vs [[]]

  • declarative vs imperative

  • life cycle

• Behaviors and inheritance:

  • Reusing code by mixins

  • Inheritance emulation

• Styling well:

• Polymer apps:

• Performance:

• Appendice:

  • Mediator pattern
  • Element Structure
  • Tools for polymer
    • Bower
    • Yeoman

References

• Web Polymer: Polymer project website
• WebComponents: Info about Web Components
• Catalog: Element catalog
• Thinking in Polymer: One of the most interesting and useful talks about Polymer from Polymer summit (2015)
• Polymer Starter Kit: Sample scaffold for starting with Polymer
• Polyserve: Simple server for deploying a Polymer element stand alone locally
• Polymer Yeoman Generator: Yeoman generator for developing Polymer elements and apps
• Polycasts collection: Polycasts listed at github repository
• Polymer guides: Guides for developing Polymer
• Polymer Roadmap: Polymer general feature roadmap
• Polymer Summit videos: Entire Polymer Summit 2015 video collection

---

BEEVA | Technology and innovative solutions for companies