[前端] Web Component: LitElement, lit-html, material-components-web-components, Polymer3

【譯】 Web Components 的高级工具
https://juejin.im/post/5caef9f25188251b2b20b20b

直接學web component要先了解不少組件化的概念，由目前react, vue, ag學起會比較方便，也比較容易點

若要直接用推薦生成web component的工具，像是: LitElement, lit-html, material-components-web-components, Polymer3

這些項目可以參考Polymer Project的主網站:
[Polymer Project]
https://www.polymer-project.org/

web components-LitElement实践

https://www.zoo.team/article/webcomponents

能直接用的web component可以到PolymerElements或是material-components-web-components的網站找:
[PolymerElements]
https://www.webcomponents.org/author/PolymerElements
[material-components-web-components]
https://material-components.github.io/material-components-web-components/demos/index.html

非Polymer系統也有Stencil, Skate可用:
[Stencil]
https://stenciljs.com/
[Skate]
https://skatejs.netlify.com/

web component相較於現在react, vue, ag框架的生態還是小很多，例如若要使用操作大型數據且兼顧效能的表格或複雜功能等組件，web component這塊還不多，若不想自己寫就還是得使用這些框架的組件，或是用需要其他第三方套件自己合併了。


#Web Component, LitElement, lit-html, material-components-web-components, Stencil, Skate, Polymer Project