Web Components and the Polymer Project: Polymer 3.0 and beyond (Google I/O '18)

Ғылым және технология

Web Components are powerful, reusable, encapsulated components available natively on the web platform. As web components transition from cutting-edge to table-stakes - directly supported in nearly ever major web browser - the Polymer Project continues to transition as well. In this session, learn about the latest on the web component APIs, the Polymer library's shift to version 3.0, how it's becoming continually smaller and lighter, and the direction the project will be taking in the future.
Slides: docs.google.co...
Rate this session by signing-in on the I/O website here → goo.gl/1vsmn1
Watch more Chrome and Web sessions from I/O '18 here → goo.gl/5fgXhX
See all the sessions from Google I/O '18 here → goo.gl/q1Tr8x
Subscribe to the Chrome Developers channel → goo.gl/LLLNvf
#io18 event: Google I/O 2018; re_ty: Publish; product: Chrome - General; fullname: Kevin Schaaf, Steve Orwell; event: Google I/O 2018;

Пікірлер: 95

  • @sto100
    @sto1006 жыл бұрын

    For the video master: the screen is the interesting part, so show it... ghrr

  • @davidmaxwaterman

    @davidmaxwaterman

    6 жыл бұрын

    yeah, it's incredibly irritating to not be able to see the screen when they're talking about it and pointing to it...

  • @MichaelJenkinsJr

    @MichaelJenkinsJr

    6 жыл бұрын

    I was legitimately yelling at my screen; so frustrating.

  • @arthurpf14

    @arthurpf14

    5 жыл бұрын

    I was like : "when are they going to show in fullscreen??"

  • @nobytes2

    @nobytes2

    4 жыл бұрын

    2020 and people still don't know how to screencast, really Google. Smh.

  • @meridjal

    @meridjal

    4 жыл бұрын

    That's what happens when you have idiots doing video editing.

  • @the_real_vdegenne
    @the_real_vdegenne6 жыл бұрын

    Thanks so much Polymer.. Few years ago I was still not sure where I was going to lead my life and my career, I've always wanted to work for the web but now I can say how much Polymer helped me to take that decision to concrete when I first discovered that project, its strong meaning in improving technologies and the wonderful team that's behind the curtain. All these excitements was like a big revelation, and I just want to say thanks. Polymer 3.0 was more than expected. Now the big dream is to be able to use all that framework without the need to use a middleware server to transpile or to resolve npm modules. But yet now it really feels like coding inside the browser and the joy is real.

  • @vernonpadayachee3571
    @vernonpadayachee35716 жыл бұрын

    Wow!! Huge congrats to both Stevins and surely also to all of the Polymer Team!!! Your greatness just comes through somehow. Thanks for 3.0 and all things to come, from all who use "the one platform that reaches every user on the Earth".. Thanks for making (technical) life so much easier and more enjoyable for all... Fantastic presentation!!! You guys just gel and flow very well. Keep up the great work!!!

  • @aammssaamm

    @aammssaamm

    4 жыл бұрын

    Are you impressed with the "3.0" number? Otherwise there is nothing to be really excited about.

  • @neuemage
    @neuemage6 жыл бұрын

    Go to 13:00 for presentation

  • @edino1981
    @edino19815 жыл бұрын

    I think that this is the biggest technical dept maker in history of programming :D

  • @CodingPhase
    @CodingPhase6 жыл бұрын

    This is the only thing I'm actually excited about from this year's google io

  • @NicolasSauveur
    @NicolasSauveur6 жыл бұрын

    Go HTML Modules ! Thank you Justin and all the polymer team for working hard over the years to make the web more awesome with open standards.

  • @SoulMasterX
    @SoulMasterX6 жыл бұрын

    3 years passed, Chrome browser is only single browser that truly support shadow DOM v1. - Safari partially supported. But they are fixing the remainig bugs in their implementation. - Firefox is developing it. - Edge still has no plan. Shadow DOM spec still be a W3C draft not recommend standard.

  • @pluraltest9242

    @pluraltest9242

    5 жыл бұрын

    edge will eventually, they will be using chromium as a base on their next iteration

  • @theoligarchist1503

    @theoligarchist1503

    3 жыл бұрын

    they introduced so many new things in this talk itself that no one will dare use this, they forget why Babel is so popular.

  • @boboutdooradventures
    @boboutdooradventures6 жыл бұрын

    Yay for HTML Module, writing the template in js is really a pain point, let's hope it's going to be shipped soon

  • @igorshubovych
    @igorshubovych6 жыл бұрын

    Dear Google! Why do you keep showing presenters waving their hands for minutes, and then showing slides for seconds? I see their gestures look professional and I appreciate that, but can we read the slides, please?

  • @vorname1485

    @vorname1485

    3 жыл бұрын

    Google wants you to see the crowd cheer, so you don't notice how bad polymer 3.0 is and how litle they'v learned in terms of design choice. The whole presentation is google-typical hilarious.

  • @CodingPhase
    @CodingPhase6 жыл бұрын

    Thank you polymer team you guys might have saved the industry with this one for real! I'm loving this!

  • @joernturner2526
    @joernturner25266 жыл бұрын

    ok, you said it yourself: encoding templates in JS literals is 'kind of weird'. YES, while i see the need for moving along this consequence is a major step backwards. We urgently need HTML modules!

  • @jasmad3
    @jasmad36 жыл бұрын

    why to mix the template inside the js code? just because react does it like that...

  • @floverdevel
    @floverdevel6 жыл бұрын

    Wow finaly 3.0 is out 😀 A lot of cool new stuff 😱😀👍

  • @MehdiRaash
    @MehdiRaash6 жыл бұрын

    Polymer's Website needs feel more fresh!

  • @Oswee
    @Oswee6 жыл бұрын

    Great. Already building large ERP stuff based only on web components.

  • @arturocoronel
    @arturocoronel6 жыл бұрын

    And the slides?

  • @xman0820
    @xman08205 жыл бұрын

    Please tell me if there is any update in I/O '19. Thanks.

  • @jacquesduplessis6175
    @jacquesduplessis61756 жыл бұрын

    So much good news in one video!!

  • @CodingPhase
    @CodingPhase6 жыл бұрын

    YESSSSSS!!! I feel like we are back to 2009 javascript is going to become simple again... no tooling!!!! ahhhh Jquery days.... so easy to just code without 4 hours of setting up webpack and thirty thousand other loaders

  • @robertfish

    @robertfish

    6 жыл бұрын

    CodingPhase it's interesting that KZread uses polymer

  • @CodingPhase

    @CodingPhase

    6 жыл бұрын

    @Raymond its required for older browsers. I don't focus on older browsers I'm looking at the future. jsbin.com/zezilad/edit?html,output go check it out.

  • @Bryanerayner

    @Bryanerayner

    6 жыл бұрын

    "JQuery days" were not the good old days...

  • @thiagovilla970

    @thiagovilla970

    6 жыл бұрын

    tots

  • @antanaskiselis7919

    @antanaskiselis7919

    5 жыл бұрын

    One might as well go write binary. WebComponents are too low level for common UI development. And requires a lot and a lot of boilerplate. There is hope, as it seems the newest trend is build time compilers, not frameworks which are executed at runtime. However, that means that you still do not write native web components. You write something which compiler recognizes and spits out w3c standards compatible code. That seems to be the only way to have fully native web component based UI's while also having all the great features UI frameworks like React can offer. Check out Stencil.js for example. React-like api, spits out w3c standards compliant webcomponents which require no dependencies and can be used anywhere. Polymer seems interesting, but it looks like framework at this point. Some of this stuff is actually ridiculous. Who on earth though that css "shadow parts" is good idea? I mean, first people insist on keeping syntax separate, disregarding the domain, keeping to their page as document roots, even though paradigm shifted to components (of all things, regarding web component lib). When they invent all kinds of fluff syntax and woo woo to bridge the gap they themselves insisted on having. Just use css in js, m'kay?

  • @ankitmaheshwari3643
    @ankitmaheshwari36436 жыл бұрын

    Web components are not available at webcomponents.org for Polymer 3. From where do we use components to design pages.?

  • @khaledali4909

    @khaledali4909

    6 жыл бұрын

    Did you know how to get them and from where ? please tell me.

  • @AmetAlvirde

    @AmetAlvirde

    5 жыл бұрын

    They are available via npm now. under de @polymer namespace, if you need, for example, paper-button, then you do npm install @polymer/paper-button. Unfortunately, not all elements are available at the moment, as it is an ongoing transition.

  • @AmetAlvirde

    @AmetAlvirde

    5 жыл бұрын

    @@khaledali4909 They are available via npm now. under de @polymer namespace, if you need, for example, paper-button, then you do npm install @polymer/paper-button. Unfortunately, not all elements are available at the moment, as it is an ongoing transition.

  • @JustBCWi
    @JustBCWi2 жыл бұрын

    all the useful screen content is not cast to the video. Sadge.

  • @cipheroth
    @cipheroth5 жыл бұрын

    A lot of problems with IRON components in Polymer 3 PLEASE FIX THAT QUICKLY :D

  • @ojumle
    @ojumle4 жыл бұрын

    Why u are using deprecated Shadow DOM v0 API for KZread?!

  • @pluraltest9242
    @pluraltest92425 жыл бұрын

    How much polyfill would I need to get it working in IE11?

  • @codewithponleu
    @codewithponleu6 жыл бұрын

    I love Polymer and the Polymer Jacket

  • @FMRubio
    @FMRubio6 жыл бұрын

    Great news from Polymer. However, the recording of the presentation could be improved. Could you fullscreen the slides whenever Steve or Kevin are pointing out examples on the slides?

  • @SkyriderAX
    @SkyriderAX6 жыл бұрын

    Thanks for never showing the slides and code throughout the whole talk !! ... OMG

  • @theoligarchist1503
    @theoligarchist15033 жыл бұрын

    skip to 19:00 if you came here for Polymer 3.0, and no there is no introduction to Polymer here, they screwed up again.

  • @rchrdnsh
    @rchrdnsh6 жыл бұрын

    Are the slides online somewhere? The video never shows the slides full screen ☹️

  • @fahmiirfan6923
    @fahmiirfan69236 жыл бұрын

    What is the difference between Polymer and React/Vue/Angular ?

  • @sfincione2000

    @sfincione2000

    6 жыл бұрын

    Mainly, Polymer's goal is to help in the creation of reusable components. React, Vue and Angular are more about creating applications (for now) and they don't generally work well together. In the future. Polymer expects to disappear into the background when the browsers are fully compliant with the standards. So in the future you will be building web components, not Polymer components. Polymer is here to foster this approach (as far as I see it).

  • @jobiej7416

    @jobiej7416

    6 жыл бұрын

    Polymer uses web components to build apps while other frameworks don't. check the w3c or polymer site to learn more and why it is the future of the web

  • @goonholiday656

    @goonholiday656

    6 жыл бұрын

    React Vue and Angular actually work and have good docs

  • @Tytanxz

    @Tytanxz

    6 жыл бұрын

    Angular does with the release of Angular 6 and it looks like they're going hard after Polymer.

  • @GenghisD0ng

    @GenghisD0ng

    6 жыл бұрын

    Besides web components Polymer 3 is also more efficient bc it doesn't have to be compiled again to view in browser, building with ES6 means it's future ready, see 21:38 They really need to update whole website and the docs more frequently though. I can't even find the stuff they said in the presentation on there that actually make it better than other JS frameworks. Guess that needs time bc it's only been a week.

  • @jonathanfeldman7309
    @jonathanfeldman73096 жыл бұрын

    I really liked the presentation. It got me thinking it would be really cool if HTML imports and template instantiation could be declared together with some type of HTML statement. I think the GitHub issue already mentions the idea of a way to import HTML using a HTML tag. But what if you could also set the dynamic placeholders with attributes as well. For instance, some syntax like . I think it would be pretty powerful to be able to do all that without even needing JavaScript. What do yall think? Let me know if it had already been suggested.

  • @coolmenscool4436

    @coolmenscool4436

    6 жыл бұрын

    Jonathan Feldman this is possible in polymer. You can create custom properties in every custom element.

  • @jonathanfeldman7309

    @jonathanfeldman7309

    6 жыл бұрын

    Coolmens Cool haha, I probably should've been more clear. I meant doing it without needing JavaScript. So even if someone had JavaScript turned off, it would work. You could make a server side tool that will do it (I guess it's essentially what polymer SSR would be). But it would be nice if you could do it just on the client. But it's probably too much to ever be considered.

  • @ArihantAV
    @ArihantAV6 жыл бұрын

    Why aren't the slides switched when they should be shown?

  • @haydenbraxton628
    @haydenbraxton6286 жыл бұрын

    Such a great talk!

  • @TheAceEditor
    @TheAceEditor5 жыл бұрын

    Hate the 2 speaker format

  • @heliobessonirodrigues6632
    @heliobessonirodrigues66324 жыл бұрын

    It's 2020 and Material Web Components are still in preview. Polymer could be the reference, but it choose not to be.

  • @AmetAlvirde
    @AmetAlvirde5 жыл бұрын

    EVERYONE: SLIDES LINK IS IN THE DESCRIPTION.

  • @code4chaosmobile
    @code4chaosmobile6 жыл бұрын

    Exciting stuff.

  • @RuiLima1981
    @RuiLima19816 жыл бұрын

    Come on! Why are we only seeing the guys??? Why arent the screens shown?

  • @sasikalatholisam4098
    @sasikalatholisam40985 жыл бұрын

    hello!..I want to use data tables in polymer 3.0 ..Is there any way ?

  • @alinasrabadi749

    @alinasrabadi749

    5 жыл бұрын

    No :|

  • @MikeS
    @MikeS6 жыл бұрын

    Polymer 3.0 changes everything... except subproperty changes are still not observable. notifyPath & notifySplices are so cumbersome!

  • @Pesthuf
    @Pesthuf6 жыл бұрын

    I really want to wait for the polyfills to become obsolete before working with web components. Working with web components with polyfills feels almost completely different from how it's going to work in browsers with native custom element and shadow dom implementations. You don't need to do all these ridiculous workarounds. Performance is going to be a lot better, too.

  • @iterativeincremental
    @iterativeincremental6 жыл бұрын

    Second breaking release in a shorter time. Same promises as always, I am sure things wont work. Have you documented testing the es6 way now?

  • @zuzelstein
    @zuzelstein6 жыл бұрын

    what about webcomponents from polymer team? Basically Polymer 3.0 is just plain library without anything in terms of infrastructure.

  • @vorname1485
    @vorname14854 жыл бұрын

    bower. forgot about it already. used to package manager, but it was just unnecessary noise to me. It still smell in my opinion though. customElements.define global call in every component. Nameless imports of those files and "magical" availability (through the global define call in the imported component) of a custom html element. With named imports you could use simple methods to (type-)check code, this here requires some special sense in IDE and importing must be done manually I assume. Very productive... And that is just the tip on the iceberg. Btw. webcomponents.org (https) seem to have certificate issues...

  • @marcellodias2377
    @marcellodias23776 жыл бұрын

    Dart and POlymer were like bread and butter,too bad Google made the stupid decision of abandon Polymer.Dart,and Server sdie Dart.

  • @pluraltest9242

    @pluraltest9242

    5 жыл бұрын

    it's because they also have angular (although I would prefer web components over angular/elements)

  • @ravikirangajula6051
    @ravikirangajula60516 жыл бұрын

    Can I use polymer 3.0 with iOS native application development without Cordova

  • @AmetAlvirde

    @AmetAlvirde

    5 жыл бұрын

    No, you can't make an iOS native app just with polymer. What you can do is a PWA (Progressive Web App) with some native app benefits, but it wouldn't be available at the app store.

  • @HemantVandhnani

    @HemantVandhnani

    5 жыл бұрын

    @@AmetAlvirde What about creating an app via Polymer and then packaging it with Cordova?

  • @antanaskiselis7919
    @antanaskiselis79195 жыл бұрын

    Who on earth though that css "shadow parts" is good idea? I mean, first people insist on keeping syntax separate, disregarding the domain, keeping to their page as document roots, even though paradigm shifted to components (of all things, regarding web component lib). When they invent all kinds of fluff syntax and woo woo to bridge the gap they themselves insisted on having. Just use css in js, m'kay?

  • @gevikb
    @gevikb4 жыл бұрын

    Redux? Really?

  • @ELStalky
    @ELStalky6 жыл бұрын

    Nice, soon the web will be where WPF was 10 years ago.

  • @florinsimion6466
    @florinsimion64666 жыл бұрын

    wow, Teller can talk.

  • @numannebuni
    @numannebuni6 жыл бұрын

    Why is youtube.com still using Polymer 1?

  • @2152311564132542

    @2152311564132542

    6 жыл бұрын

    numannebuni Because it is too slow in IE/Edge with polyfills

  • @numannebuni

    @numannebuni

    6 жыл бұрын

    Sorry, I don't understand. Polyfills are needed for Polymer 1 also, isn't that so?

  • @SubayanSenGupta7
    @SubayanSenGupta75 жыл бұрын

    I think he is slide reading !

  • @LUX_8
    @LUX_86 жыл бұрын

    I'm clueless. I gotta catch up.

  • @TesterAnimal1
    @TesterAnimal12 жыл бұрын

    Why so focused on XML? (You say HTML, but it is XML) What is important is DOM structure, not the textual representation that used to have to be sent over the wire to recreate the desire DOM. get rid of the obsession with “

  • @alinasrabadi749
    @alinasrabadi7495 жыл бұрын

    Awsome

  • @lzantal
    @lzantal6 жыл бұрын

    Ok I only watched it until 21min. I just can't anymore. This is absolutely horrid!! Instead of showing the code example for lithtml he zooms in on the speaker. Hey Google remove this video you are causing more harm than good for Polymer with it.

  • @kalidsherefuddin
    @kalidsherefuddin3 жыл бұрын

    Ok

  • @PaulSebastianM
    @PaulSebastianM5 жыл бұрын

    34:00 - 34:05 LMAO, Jab at React!

  • @vorname1485

    @vorname1485

    4 жыл бұрын

    That is funny, all the following talk after your link is imperative bs (appending, etc.). Hilarious talking of "Jab at React!".

  • @monx
    @monx9 ай бұрын

    sigh.

  • @arturocoronel
    @arturocoronel6 жыл бұрын

    🙂👍👍

  • @DrRobrez
    @DrRobrez6 жыл бұрын

Келесі