lit

単純。速い。ウェブコンポーネント。

Lit は、高速で軽量な Web コンポーネントを構築するためのシンプルなライブラリです。

Lit の中核となるのは、リアクティブ状態、スコープ指定されたスタイル、小型で高速かつ表現力豊かな宣言型テンプレート システムを提供する定型的なコンポーネントの基本クラスです。

ドキュメント

Lit の完全なドキュメントは、lit.dev で参照してください。

プロジェクトに貢献したい、またはプロジェクトについてさらに理解を求めている開発者向けの追加ドキュメントはdev-docsにあります。

npm

npm からインストールするには:

npm i lit

Lit モノレポ

これは Lit パッケージのモノリポジトリです。

lit 2.x ソースは2.xブランチで入手できます。 lit-html 1.x ソースはlit-html-1.xブランチで入手できます。

パッケージ

• コアパッケージ
  • lit - lit-html と lit-element からすべてを含む Lit の主要なユーザー向けパッケージ。
  • 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 - オプションのハイドレーションを備えた@lit-labs/ssrを使用して Lit コンポーネントを事前レンダリングする イレブンティ 用のプラグイン。
  • @lit-labs/ssr-react - Lit SSR を React および React フレームワークと統合するためのパッケージ。
  • @lit-labs/nextjs - Lit SSR を使用した Lit コンポーネントのディープ サーバー レンダリングを可能にする Next.js のプラグイン。
  • @lit-labs/router - Lit 用のルーター。
  • @lit-labs/motion - 物を動かすための Lit ディレクティブ
  • @lit-labs/scoped-registry-mixin - 投機的な Scoped CustomElementRegistry ポリフィルと統合する LitElement のミックスイン。
  • @lit-labs/observers - プラットフォーム オブザーバー オブジェクトの使用を容易にするリアクティブ コントローラーのセット。
  • @lit-labs/preact-signals - Lit 用の Preact Signals の統合。
  • @lit-labs/testing - Lit コンポーネントをテストするためのユーティリティ。
  • @lit-labs/virtualizer - ビューポートベースの仮想化 (仮想スクロールを含む)。
  • @lit-labs/compiler - Lit テンプレートを最適化するためのコンパイラー。
• スターター キット (npm には公開されていません)
  • lit-starter-ts (テンプレート リポジトリ) - TypeScript で Lit を使用して再利用可能なコンポーネントを構築するためのスターター リポジトリ。
  • lit-starter-js (テンプレート リポジトリ) - JavaScript で Lit を使用して再利用可能なコンポーネントを構築するためのスターター リポジトリ。
• 内部パッケージ (npm には公開されません)
  • tests - モノリポジトリのテスト インフラストラクチャ。
  • benchmarks - モノリポジトリ内のさまざまなライブラリをテストするためのベンチマーク。
  • @lit-internal/scripts - モノリポジトリ内で使用されるユーティリティ スクリプト。

Litへの貢献

Lit はオープンソースであり、問​​題レポートやプル リクエストを歓迎します。詳細については、CONTRIBUTING.md を参照してください。

開発用に lit モノリポジトリをセットアップする

リポジトリを初期化します。

git clone https://github.com/lit/lit.git
cd lit
npm ci

すべてのパッケージをビルドします。

npm run build

すべてのパッケージをテストします。

npm run test

すべてのパッケージのベンチマークを実行します。

npm run benchmarks

特定のパッケージの開発の詳細については、個々のパッケージの README を参照してください。