Web Components

Create the futurea chance to

@zenorocha

I’m from Brazil

Share!

Create!

Learn!

But there was no starter-kit =/

github.com/webcomponents/polymer-boilerplate

<X>

github.com/webcomponents/x-tag-boilerplate

github.com/webcomponents/element-boilerplate

What’s included?We encourage a series of best practices like setting up a live demo, documenting your API, maintaining a changelogfor release purposes, and sharing it in a package manager.

Lifecycle

Grunt tasks

Bower config

github.com/webcomponents/generator-element

Share!

Create!

Learn!

✔

So people started to create elements

We needed a place to show these elements

Bernard De Luna

Djalma Araújo

Eduardo Lundgren

Got some friends together…

customelements.io

CustomElements.io

13%

24%14%

+ 170 elements + 100,000 pageviews

North America

South America

Southern/ Western Europe

Eastern/Northern

Europe

13%

How to add an element there?

bower.json

Share!

Create!

Learn!

✔

✔

What’s the main reference

to learn Web Components?

Addy Osmani

And a bunch of awesome people…

Alex Komoroske

Briza Bueno

Daniel Buchner

Eric Bidelman

Bernard De Luna

Soledad Penadés

Rob Dodson

Eduardo Lundgren

Sindre Sorhus

Pascal Precht

Bruce Lawson

Mathias Bynens

webcomponents.github.io

Highlight greatarticles & talksGather best practices

Introduce useful tools and resources

Discuss API implementations

Share!

Create!

Learn!

✔

✔ ✔

The best way to predict the future is to create it.

Thank you!

zenorocha.com

bit.ly/wc-mailing

Zeno Rocha

#webcomponents

@webcomponents

+WebComponents

Stickers \o/