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が導入された場合への備え
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!