Save 37% off PRO during our Black Friday Sale! »

Mixing Web Components - Best Of Web 2016

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

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
470
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
0
380
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
0
35
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
0
60
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
0
22
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
3
180
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
1
1.9k

Other Decks in Technology

See All in Technology
23f4d5d797a91b6d17d627b90b5a42d9?s=48 kentaro
1
580
745caa382e7298ca099e1e43e927e111?s=48 noko
0
150
D0a6969000c3715087b3a00abd646d20?s=48 timeseriesfr
0
260
140494d272a4d89883a94fdfdb29dea2?s=48 oracle4engineer
PRO
2
3.5k
D8d463da5ab4a99265ffc1d12e76cbc9?s=48 sagara
0
110
C65a5dd24a6781ffc618377347a0c48a?s=48 asahi_k2
0
340
C082aa76a5e47f5f99e74043452d4ffe?s=48 akakou
1
260
140494d272a4d89883a94fdfdb29dea2?s=48 oracle4engineer
PRO
0
120
11ab209b6dcacad4e5aa841af533a937?s=48 katahiro12345
0
110
1e6cfe94614ed96ac769e93f2e0c63f0?s=48 kavisha
1
530
5dbaf4015e7f249ab21b195ced8e9e46?s=48 masatoshitada
1
620
11ab209b6dcacad4e5aa841af533a937?s=48 katahiro12345
0
110

Featured

See All Featured
F716e5f737fcfb03f2cf8d1a184f1dbe?s=48 nonsquared
84
3.7k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
349
27k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
11
1.2k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
32
1.2k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
350
20k
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
10
770
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
249
21k
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
181
14k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
595
210k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
18k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
91
9k
Aff5641764408271f7bc398f2097edd0?s=48 denniskardys
223
120k

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