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
25
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
0
58
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
0
22
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
3
170
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
1
1.8k

Other Decks in Technology

See All in Technology
344128574661d939ea4cfe969823b774?s=48 syamauchi
0
240
467edb2e221a47426f19405f53aa51ca?s=48 nakaly
5
2.6k
Ea29e2b19d11b48f867ae71d6a6de5df?s=48 opelab
18
6.7k
53e2d354b3299d64a54af680865516d5?s=48 satotakeshi
3
640
Df739988f32c42e8c318ef844d6e902b?s=48 oliver_diary
2
110
253ab1300a7e9526141c2f15d3cb4ae7?s=48 shinpy
0
110
Dd7fa413be25d8672c03a487db6a8fe6?s=48 fujiihda
0
120
6d87223b5fcfb9a5a73007f77f134e28?s=48 taketora
0
150
7e6a435700dda6cdb22105d601f20892?s=48 picardparis
4
2k
Ba0cce2241a7133aec62afc8ed15a172?s=48 kenjiszk
0
110
0af658ea4f11fa7bf803115451890d4c?s=48 ararajp
2
420
Cfd6a7b025c390205d1dd8765230bca1?s=48 kiwi26
16
4.5k

Featured

See All Featured
78b475797a14c84799063c7cd073962f?s=48 holman
448
130k
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
104
10k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
360k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
106
9.5k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
26
870
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
10
590
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
282
18k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
436
28k
B83d5b590577969ee79a5ad845411a7d?s=48 ammeep
653
54k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
2
240
B3ace07412a5178ea778e7eec161fc0a?s=48 jcasabona
7
420

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