除了angular/vue/react的新轮子lit

https://lit.dev/docs/

Lit 是一个简单的库,用于构建快速、轻量级的 Web 组件。

关于 Lit,首先要知道的是,每个 Lit 组件都是一个标准的Web 组件Web 组件具有互操作性的超能力:由浏览器本机支持,Web 组件可以在任何 HTML 环境中使用,使用任何框架或根本没有框架。

这使得 Lit 成为开发可共享组件或设计系统的理想选择Lit 组件可以跨多个应用程序和站点使用,即使这些应用程序和站点构建在各种前端堆栈上。使用 Lit 组件的站点开发人员不需要编写甚至查看任何 Lit 代码;他们可以像使用内置 HTML 元素一样使用组件。

Lit 也非常适合逐步增强基本 HTML 站点浏览器将识别标记中的 Lit 组件并自动初始化它们——无论您的站点是手工制作的、通过 CMS 管理的、使用服务器端框架构建的,还是由 Jekyll 或 11 之类的工具生成的。

当然,您也可以使用Lit 组件构建高度交互、功能丰富的应用程序,就像使用 React 或 Vue 等框架一样。Lit 的功能和开发人员体验可与这些流行的替代方案相媲美,但 Lit 通过采用浏览器的本机组件模型,最大限度地减少锁定,最大限度地提高灵活性并提高可维护性。

当您使用 Lit 构建应用程序时,很容易加入“普通”Web 组件或使用其他库构建的 Web 组件。您甚至可以一次一个组件更新到 Lit 的主要新版本或迁移到另一个库,而不会中断产品开发。

Adobe的设计系统「Spectrum」基于lit开发的组件:

https://opensource.adobe.com/spectrum-web-components/

posted @ 2021-11-26 10:56  悠哉大斌  阅读(536)  评论(0编辑  收藏  举报