lit
@lit-labs
Lit 是一個簡單的函式庫,用於建立快速、輕量級的 Web 元件。
Lit 的核心是一個消除樣板的組件基類,它提供反應式狀態、作用域樣式和一個小型、快速且富有表現力的聲明性模板系統。
請參閱 lit.dev 上的 Lit 完整文件。
對於希望貢獻或了解有關該專案的更多資訊的開發人員,可以在dev-docs
中找到其他文件。
從 npm 安裝:
npm i lit
這是 Lit 套件的 monorepo。
lit 2.x 原始碼可在2.x
分支上找到。 lit-html 1.x 原始碼可在lit-html-1.x
分支上找到。
lit
- Lit 的主要面向使用者的包,其中包括 lit-html 和 lit-element 的所有內容。lit-element
- Lit 中使用的 Web 元件基底類別。lit-html
- LitElement 使用的渲染庫。@lit/reactive-element
- 一個低階基類,提供基於屬性/屬性變更的反應式生命週期。@lit/localize
- 一個庫和命令列工具,用於本地化使用 Lit 建立的 Web 應用程式。@lit/localize-tools
- 與@lit/localize
一起使用的在地化工具。@lit/react
- Web 元件的 React 元件包裝器。@lit/task
- 用於渲染非同步任務的 Lit 控制器。@lit/context
- 使用瀏覽器事件透過元素樹傳遞資料的系統,避免需要使用社群定義的協定將屬性傳遞到樹的每一層。@lit-labs/ssr
- 用於在伺服器上渲染 Lit 模板和元件的伺服器套件。@lit-labs/ssr-client
- 一組客戶端支援模組,用於使用@lit-labs/ssr
在伺服器上渲染 Lit 元件和模板。@lit-labs/eleventy-plugin-lit
- Eleventy 的插件,使用@lit-labs/ssr
和可選的水合作用來預渲染 Lit 元件。@lit-labs/ssr-react
- 用於將 Lit SSR 與 React 和 React 框架整合的套件。@lit-labs/nextjs
- Next.js 的插件,支援使用 Lit SSR 對 Lit 元件進行深度伺服器渲染。@lit-labs/router
- Lit 的路由器。@lit-labs/motion
- 讓事物移動的 Lit 指令@lit-labs/scoped-registry-mixin
- LitElement 的 mixin,與推測的 Scoped CustomElementRegistry polyfill 整合。@lit-labs/observers
- 一組方便使用平台觀察者物件的反應控制器。@lit-labs/preact-signals
- Lit 的 Preact Signals 整合。@lit-labs/testing
- 用於測試 Lit 元件的實用程式。@lit-labs/virtualizer
- 基於視窗的虛擬化(包括虛擬滾動)。@lit-labs/compiler
- 用於最佳化 Lit 模板的編譯器。lit-starter-ts
(範本儲存庫) - 用於在 TypeScript 中使用 Lit 建立可重複使用元件的入門儲存庫。lit-starter-js
(範本儲存庫) - 用於在 JavaScript 中使用 Lit 建立可重複使用元件的入門儲存庫。tests
- monorepo 的測試基礎設施。benchmarks
- 用於測試 monorepo 中各種函式庫的基準。@lit-internal/scripts
- monorepo 中使用的實用程式腳本。 Lit 是開源的,我們感謝問題報告和拉取請求。請參閱 CONTRIBUTING.md 以了解更多資訊。
初始化倉庫:
git clone https://github.com/lit/lit.git
cd lit
npm ci
建置所有包:
npm run build
測試所有包:
npm run test
為所有套件執行基準測試:
npm run benchmarks
有關針對特定包進行開發的詳細信息,請參閱各個包的自述文件。