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

Polymer Project 2020

takanorip
October 17, 2020

Polymer Project 2020

takanorip

October 17, 2020
Tweet

More Decks by takanorip

Other Decks in Technology

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!