Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mixing Web Components - Best Of Web 2016

6f8d092fec403f766c734ce36e1eef93?s=47 Horacio Gonzalez
June 10, 2016
Technology
0
450

Mixing Web Components - Best Of Web 2016

6f8d092fec403f766c734ce36e1eef93?s=128

Horacio Gonzalez

June 10, 2016
Tweet

More Decks by Horacio Gonzalez

See All by Horacio Gonzalez
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
1
460
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
0
380
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
0
28
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
0
60
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
0
22
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
3
170
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
1
1.9k

Other Decks in Technology

See All in Technology
96de66872f54da75c05c881c7a3713ce?s=48 kenya888
1
130
510ec964f5d26c2724c883fd7b671e3d?s=48 cygames
1
400
9cdb1d21375062bc2cd0d1358c2fa1f0?s=48 noir_neo
0
130
7fccfb690a818ed2f3a15fc21d426d5a?s=48 texmeijin
1
200
A49d01c48e10d19feb8e61310bceabab?s=48 _kensh
1
160
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
200
979f8815a9d4604d87f54b8394c503bd?s=48 bufferings
2
3.3k
E8fe0220162ea15aab7ec96690cc437a?s=48 pinboro
1
1.7k
3115a782126be714b5f94d24073c957d?s=48 oracle4engineer
0
2.7k
4b7536b1ad854fa552a2cea0248bb5cc?s=48 hisaichi5518
0
110
405fe9ab689473f267e2cfbd95f78c75?s=48 kyonmm
1
2.2k
A5fed8c15d016c2a42d7d9f830326045?s=48 takuros
3
470

Featured

See All Featured
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1348
190k
7653c7c449918ff6542880a8c284f5e7?s=48 jponch
103
5k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
338
16k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
113
25k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
220
15k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
52
4.1k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
7
520
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
401
20k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
258
36k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.8k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
165
19k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
393
60k

Transcript

  1. @LostInBrittany #MixingWebComponents @bestofwebconf Mixing Web Components Horacio Gonzalez @LostInBrittany

  2. @LostInBrittany #MixingWebComponents @bestofwebconf Horacio Gonzalez @LostInBrittany Cityzen Data http://cityzendata.com Spaniard

    lost in Brittany, developer, dreamer and all- around geek

  3. @LostInBrittany #MixingWebComponents @bestofwebconf Introduction Because I love to tell old

    stories

  4. @LostInBrittany #MixingWebComponents @bestofwebconf Polymer tour

  5. @LostInBrittany #MixingWebComponents @bestofwebconf Web components == Revolution Image: bu.edu

  6. @LostInBrittany #MixingWebComponents @bestofwebconf Build a world brick by brick Images:

    BitRebels & Brickset

  7. @LostInBrittany #MixingWebComponents @bestofwebconf Variations of some questions But does it

    really works with <inser techno here/>? And what about the other web components technologies?

  8. @LostInBrittany #MixingWebComponents @bestofwebconf And one year ago 1.0 arrived It

    was time to really show off!

  9. @LostInBrittany #MixingWebComponents @bestofwebconf So I decided a new approach The

    truth is in the code I FIND YOUR LACK OF SOURCE CODE DISTURBING

  10. @LostInBrittany #MixingWebComponents @bestofwebconf Mixing webcomponents My challenge today

  11. @LostInBrittany #MixingWebComponents @bestofwebconf Objectifs Using webcomponents from different libraries in

    an AngularJS webapp

  12. @LostInBrittany #MixingWebComponents @bestofwebconf Base project: Angular Beers! https://github.com/LostInBrittany/angular-beers

  13. @LostInBrittany #MixingWebComponents @bestofwebconf https://github.com/LostInBrittany/beyond-polymer Let's show the code! Image: dcplanet.fr

    Coding is a superpower, friends

  14. @LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-beers Because directives are subpar webcomponents

  15. @LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-beers

  16. @LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-xtag-beers Polymer and X-tags play along nicely

  17. @LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-xtag-beers

  18. @LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-react-beers Thanks to Mathieu Ancelin (@TrevorReznik)

  19. @LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-react-beers

  20. @LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-xtag-react-beers And they all are happy...

  21. @LostInBrittany #MixingWebComponents @bestofwebconf angular-polymer-xtag-react-beers

  22. @LostInBrittany #MixingWebComponents @bestofwebconf And what about Angular 2 Or other

    modern frameworks

  23. @LostInBrittany #MixingWebComponents @bestofwebconf Modern frameworks support webcomponents Example Angular2-Polymer par

    @ManekiNekko https://github.com/webcomponents/angular- interop/

  24. @LostInBrittany #MixingWebComponents @bestofwebconf Thank you !

  25. @LostInBrittany #MixingWebComponents @bestofwebconf Web components polyfill Making developers life a

    bit easier