Web 组件社区聚合物 Web 组件

如何解决Web 组件社区聚合物 Web 组件

如果我看到 polymer shop，我立刻就想用它作为我的网上商店的开端。不仅因为它已经是一家网上商店（完整的 pwa 技术），还因为它在浏览器/移动设备上拥有出色的（离线）体验，拥有 proper documentation 和 still maintained。

然后查看聚合物主页，发现该项目基于过时的聚合物版本，甚至它首先使用聚合物的事实也很奇怪：

polymer 库处于维护模式。对于新开发，我们推荐 Lit。

所以我的问题是，lit 是否会拥有商店似乎依赖的 rich choice 网络组件？

这可能是一个愚蠢的问题，但除了在 google IO 中查看一些令人兴奋的消息外，我跳过了聚合物

解决方法

Lit 以及之前的 Polymer 的目标是帮助尽可能多地使用浏览器功能构建 Web 组件和应用程序。

例如，jQuery 将所有不同的浏览器功能封装在它自己的语法中，以至于开发人员正在学习 jQuery，而不是 Javascript。 jQuery 组件假定您拥有 jQuery 并依赖于这些 jQuery 方法来运行。

Lit 和 Polymer 都支持web 组件 - 这使得每个组件更多独立。混合使用 jQuery 及其任何竞争对手真的很痛苦，但这里的情况并非如此。

用于构建该商店的所有组件都稳定且still on npm。如果你愿意，你可以使用它们，我有仍在使用它们的实时应用程序。

然而，支持最新的浏览器功能有其风险。 Polymer 严重依赖 HTML 导入（只有 Chrome 实现并最终被放弃）和它自己的模板库。它最终被移植到 ES6 模块，但核心设计远不适合它。这些组件非常稳定，但您并不真的想用它开始任何新。

Lit 与 Polymer 相比，固执要少得多，而且要低得多。例如，Polymer 支持使用 {{property}} 语法进行双向绑定，但必须对您正在做什么来支持它做出假设（通常会出错）。对于极其稳定的属性设置器，Lit 放弃了这一点，但如果您希望用户写入值，您必须订阅事件并自行滚动（尽管 Lit 确实使事件非常易于管理）。

因此，如果您要构建自己的 Web 组件或应用程序，到目前为止，Lit 是更好的选择，而 LitElement 是轻量级的，并且extremely compatible 与其他所有功能一起使用。您可以在 Lit 中使用这些 Polymer shop 组件（我有），但对于其中的大多数组件，还有更新的替代品，尤其是 MWC。