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
460

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
170
6f8d092fec403f766c734ce36e1eef93?s=48 lostinbrittany
1
1.9k

Other Decks in Technology

See All in Technology
1405a601755e5fcbfdc93a2560368bb1?s=48 freddi
3
180
96c31fe94f5e9b0eef4a606eaadcbc04?s=48 yoshiiryo1
2
440
252e6c31a6452aa80deb9ad0107975c7?s=48 attakei
0
240
Be0f86176276318b4b9775d795278f7e?s=48 yushiku
5
1.4k
848cae20fe522dfbecef7743f107fe0f?s=48 nishino
0
2.6k
7e6a435700dda6cdb22105d601f20892?s=48 picardparis
4
2.7k
4b09160b087e45103b210ef95079cee4?s=48 gakumura
0
140
93aef1d166a8a3536538eff713f80307?s=48 flant
0
4k
Eeac2f3b51b69b3cd6fb14ed348f0c6e?s=48 limes2018
0
120
10c17b2a6e7687c9b039c5c8f9958495?s=48 missasan
2
820
A101f74d588593108432afc2dec834f2?s=48 cmabe
3
2.6k
6ddc65998177a0f05be629dc31321a8f?s=48 kken78
1
160

Featured

See All Featured
15f2b8221f247985a27a627d2ece72f0?s=48 pauljervisheath
195
16k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
400k
5f83ef806155b403c3393160ce51f955?s=48 jlugia
218
16k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
318
19k
1519587b1a0febb658c36c94f6272b0d?s=48 roundedbygravity
85
8.1k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
227
8.8k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
209
10k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
15
990
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
498
130k
C0390e8b11079f8761c0cd3274ed61cb?s=48 productmarketing
10
1k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
263
11k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
591
210k

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