Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Polymer Project 2020

78f5efc1e98c71e473cc7827de1c5db4?s=47 takanorip
October 17, 2020

Polymer Project 2020

78f5efc1e98c71e473cc7827de1c5db4?s=128

takanorip

October 17, 2020
Tweet

Transcript

  1. Polymer Project 2020 GDG DevFest 2020 Takanori Oki - 17/10/2020

  2. Self introduction •Takanori Oki/@takanorip/@takanoripe(Twitter) •UI Designer/Front-end Web developer •Organizer of

    Web Platform Study Group(WPSG) •Formerly Polymer Japan •https://www.youtube.com/channel/UCfToJ-sTOqvBnnuVq3zdZhA •Our main activity is to update the podcast.
  3. What’s the Polymer Project?

  4. Polymer Project • Libraries, tools, and standards for a better

    web • LitElement • Web Componentsを構築するためのシンプルなベースクラスを提 供してくれるライブラリ • lit-html • JavaScriptのためのHTMLテンプレートライブラリ • Formerly, this project was developing Polymer library.
  5. LitElement 3.0 & lit-html 2.0 Early Preview Release

  6. Blog Article https://www.polymer-project.org/blog/ 2020-09-22-lit-element-and-lit-html-next- preview

  7. Motivation • Performance • Size • Features & API cleanup

    • Server-side-rendering
  8. SSR • https://github.com/whatwg/dom/issues/831 • Declarative Shadow DOM • WebComponentsをSSRしたい!というニーズが高まっている •

    lit-htmlのカスタマイズ機構やDOM APIへのアクセスを制限すること で、SSRしやすくなる • 「Ideas for LitElement 3.0」というissueにも「SSR Support」という 項があるので、本格的にSSR対応が入りそう
  9. Other major changes

  10. LitElement decorators • DecoratorがメインモジュールからExportされなくなった • Decoratorを使う場合は lit-element/decorators から個別にイン ポートする必要がある •

    Decoratorを使用していない場合のサイズが小さくなる • TC39で議論中のDecoratorが導入された場合への備え
  11. None
  12. Material Web Components

  13. Progress • https://github.com/material-components/material- components-web-components • まだプレリリースだけど… • 25 コンポーネントが実装済み •

    4 コンポーネントが開発中 • 1つがTBD
  14. Summary

  15. Summary LitElement & lit-html will change dynamically! Check it out!

  16. Thank you!