Polymer Project 2020

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!