lit

Sederhana. Cepat. Komponen Web.

Lit adalah perpustakaan sederhana untuk membuat komponen web yang cepat dan ringan.

Inti dari Lit adalah kelas dasar komponen yang mematikan boilerplate yang menyediakan status reaktif, gaya tercakup, dan sistem templat deklaratif yang kecil, cepat, dan ekspresif.

Dokumentasi

Lihat dokumentasi lengkap untuk Lit di lit.dev.

Dokumentasi tambahan untuk pengembang yang ingin berkontribusi atau memahami lebih lanjut tentang proyek ini dapat ditemukan di dev-docs .

npm

Untuk menginstal dari npm:

npm i lit

Menyalakan Monorepo

Ini adalah monorepo untuk paket Lit.

sumber lit 2.x tersedia di cabang 2.x sumber lit-html 1.x tersedia di cabang lit-html-1.x .

Paket

• Paket inti
  • lit - Paket utama Lit yang dapat dilihat pengguna yang mencakup semuanya, mulai dari lit-html dan lit-element.
  • lit-element - Kelas dasar komponen web yang digunakan di Lit.
  • lit-html - Pustaka rendering yang digunakan oleh LitElement.
  • @lit/reactive-element - Kelas dasar tingkat rendah yang menyediakan siklus hidup reaktif berdasarkan perubahan atribut/properti.
• Perpustakaan tambahan
  • @lit/localize - Pustaka dan alat baris perintah untuk melokalisasi aplikasi web yang dibuat menggunakan Lit.
  • @lit/localize-tools - Peralatan pelokalan untuk digunakan dengan @lit/localize .
  • @lit/react - Pembungkus komponen React untuk komponen web.
  • @lit/task - Pengontrol untuk Lit yang merender tugas asinkron.
  • @lit/context - Sebuah sistem untuk meneruskan data melalui pohon elemen menggunakan peristiwa browser, menghindari kebutuhan untuk meneruskan properti ke setiap lapisan pohon menggunakan protokol yang ditentukan komunitas.
• laboratorium
  • @lit-labs/ssr - Paket server untuk merender templat dan komponen Lit di server.
  • @lit-labs/ssr-client - Satu set modul dukungan sisi klien untuk merender komponen dan templat Lit di server menggunakan @lit-labs/ssr .
  • @lit-labs/eleventy-plugin-lit - Sebuah plugin untuk Eleventy yang melakukan pra-render komponen Lit menggunakan @lit-labs/ssr dengan hidrasi opsional.
  • @lit-labs/ssr-react - Paket untuk mengintegrasikan Lit SSR dengan kerangka React dan React.
  • @lit-labs/nextjs - Sebuah plugin untuk Next.js yang memungkinkan rendering komponen Lit di server secara mendalam dengan Lit SSR.
  • @lit-labs/router - Router untuk Lit.
  • @lit-labs/motion - Menyalakan arahan untuk membuat sesuatu bergerak
  • @lit-labs/scoped-registry-mixin - Mixin untuk LitElement yang terintegrasi dengan polyfill Scoped CustomElementRegistry yang spekulatif.
  • @lit-labs/observers - Seperangkat pengontrol reaktif yang memfasilitasi penggunaan objek pengamat platform.
  • @lit-labs/preact-signals - Integrasi Sinyal Preact untuk Lit.
  • @lit-labs/testing - Utilitas untuk menguji komponen Lit.
  • @lit-labs/virtualizer - Virtualisasi berbasis viewport (termasuk pengguliran virtual).
  • @lit-labs/compiler - Kompiler untuk mengoptimalkan template Lit.
• Starter kit (tidak dipublikasikan ke npm)
  • lit-starter-ts (template repo) - Repo starter untuk membuat komponen yang dapat digunakan kembali menggunakan Lit di TypeScript.
  • lit-starter-js (template repo) - Repo starter untuk membuat komponen yang dapat digunakan kembali menggunakan Lit dalam JavaScript.
• Paket internal (tidak dipublikasikan ke npm)
  • tests - Uji infrastruktur untuk monorepo.
  • benchmarks - Tolok ukur untuk menguji berbagai perpustakaan di monorepo.
  • @lit-internal/scripts - Skrip utilitas yang digunakan dalam monorepo.

Berkontribusi pada Lit

Lit bersifat open source dan kami menghargai laporan masalah dan permintaan penarikan. Lihat KONTRIBUSI.md untuk informasi lebih lanjut.

Menyiapkan monorepo yang menyala untuk pengembangan

Inisialisasi repo:

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

Bangun semua paket:

npm run build

Uji semua paket:

npm run test

Jalankan benchmark untuk semua paket:

npm run benchmarks

Lihat README paket individual untuk detail tentang pengembangan paket tertentu.