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
470
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
0
380
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
0
33
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
8065fe5a0d33908c6f71c5ae28939dcd?s=48 ayatokura
0
270
567600e04dbcb14d6bd8f120e6625a27?s=48 tsuyo
0
740
14d83dc17e2c893d7564b609ff8da4ca?s=48 techharmony
0
170
74cec195bfb6cb5165256d88cb7fcf0f?s=48 miu_crescent
0
350
462feb0fe0493c40d55650da664e8773?s=48 clustervr
PRO
0
220
6848c06ef647ab606c668cc5264c0fc9?s=48 thorstenhans
0
100
53817d765d91855d2fabcaef60f8bba0?s=48 chipstar_light
0
490
Abea0dcdfdd2fccad64461d1e2798864?s=48 hacker2202
0
100
A64ac825509279a770c13c6fc517f11a?s=48 kawaguti
0
440
0e8fbeb3dc2da3e502483edea80be7d6?s=48 htomine
0
170
B1bddcb899ec3060fe9913f3cb70dbb6?s=48 lmt_swallow
0
210
53850955f15249a1a9dc49df6113e400?s=48 line_developers
PRO
1
590

Featured

See All Featured
79acae287842acf29084005533a7fb3b?s=48 hursman
107
9.3k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
167
7.3k
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
19
2.1k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.7k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
73
1.5k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
283
47k
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
54
3.5k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
8
790
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
302
31k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
4
660
Ef32e0b1ac5082450dc8c1fca3a26b5c?s=48 cherdarchuk
72
270k
Fe6b81005d1553accd6b2a28f6a2bef1?s=48 phodgson
88
4k

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