lit-html

Awesome lit-html Awesome

>精选的lit-html资源精选列表.

lit-html —用于JavaScript的高效,可表达,可扩展的HTML模板库.

General resources

Community

Overview

Implementations

按创建日期(最早的)排序.

  • lit-element -用于创建快速,轻量级Web组件的简单基类.
  • @gluon/gluon -用于构建Web组件和应用程序的轻量级库.
  • @lit-any/core -Partials库,它使用lit-html从较小的模板组成视图和表单.
  • lit-html-element -使用lit-html创建Web组件的基类.
  • fit-html -lit-html,Web组件和Redux的组合.
  • lit-html-brackets -一个lit-html扩展名,使用类似于Angular模板语法的括号语法.
  • @littleq/element-lite -尝试使用lit-html和Polymer的属性mixin.
  • @popeindustries/lit-html-server -以Node.js流的形式在服务器上渲染lit-html模板.
  • ullr -使用lit-html通过功能编程构建Web组件.
  • ce-decorators -用于基于装饰器提案和lit-html构建Web组件的TypeScript库.
  • @appnest/lit-translate -轻量级的i18n库,提供lit-html指令.
  • haunted -React的Hooks API,但适用于标准Web组件和hyperHTML或lit-html.
  • fuco -功能组件,如React,但用于Web组件.

Renderers

以下库允许使用lit-html作为渲染器,同时还提供其他替代方法,例如 HyperHTML 或JSX.

LitElement Extensions

这些不是lit-html本身的实现,而是官方LitElement基类的社区扩展.

Other

Components

Component Libraries

Individual Components

Starter Templates

IDE Plugins

TypeScript Plugins

  • ts-lit-plugin -为lit-html添加类型检查和代码完成的插件. 由vscode-lit-plugin使用.
  • typescript-lit-html-plugin -TypeScript服务器插件,为lit-html添加了IntelliSense. 由vscode-lit-html使用.

Tools

CDN

以下内容交付网络提供了lit-html和LitElement的ES模块版本:

关于使用CDN的注意事项

  1. lit-html指令 might not work 使用Pika CDN时使用LitElement. 2.参见 this issue 讨论了CDN分发的静态构建.

Static Site Generators

  • Greenwood -现代化的高性能静态站点生成器,支持基于Web组件的开发.
  • Hydrogen -使用TypeScript构建的静态站点生成器,该模板使用受lit-html启发的模板.

Examples

Videos

Podcasts

Blogs

Projects

Name 网址 资源
创建社会形象 https://createsocialimages.com 资源
DevWeb内容防火墙 https://devwebfeed.appspot.com 资源
RX节拍器 https://rx-metronome.web.app 资源
磁盘扫描 https://manzdev.github.io/scandisk-2.0/ 资源
网络技能 https://andreasbm.github.io/web-skills/ 资源

Inspired Solutions

这些库不依赖于lit-html,而是受其某些概念的启发. 他们使用标记为“ html” 模板文字,并利用相同的好处 IDE Plugins 用于语法突出显示.

  • htm -Hyperscript Tagged标记:使用标准标记模板的JSX替代品,并具有编译器支持.
  • hybrids -用于使用简单实用的API创建Web组件的UI库.
  • lit-ntml -受lit-html启发,在Node.js中实现了SSR的轻巧现代模板.
  • lite-html -VirtualDOM渲染引擎的现代替代品.
  • modulor-html -Web组件缺少模板引擎.
  • nanohtml -用于浏览器的HTML模板字符串,支持Node中的服务器端渲染.
  • picohtml -强大的〜2kB(gzip)HTML模板字符串.
  • tiny-lit -用于使用模板文字构建用户界面的库.

Other awesome resources

如果您需要更多很棒的资源,请检查 awesome 清单!


License

CC0