lit

เรียบง่าย. เร็ว. ส่วนประกอบของเว็บ

Lit เป็นไลบรารีที่เรียบง่ายสำหรับการสร้างส่วนประกอบของเว็บที่รวดเร็วและมีน้ำหนักเบา

แกนหลักของ Lit คือคลาสพื้นฐานส่วนประกอบที่ไม่ซับซ้อนซึ่งมีสถานะปฏิกิริยา รูปแบบที่กำหนดขอบเขต และระบบเทมเพลตที่เปิดเผยซึ่งมีขนาดเล็ก รวดเร็ว และแสดงออกได้

เอกสารประกอบ

ดูเอกสารฉบับเต็มสำหรับ Lit ได้ที่ lit.dev

เอกสารเพิ่มเติมสำหรับนักพัฒนาที่ต้องการมีส่วนร่วมหรือทำความเข้าใจเพิ่มเติมเกี่ยวกับโครงการสามารถพบได้ใน dev-docs

เวลา 22.00 น

วิธีติดตั้งจาก npm:

npm i lit

ลิต โมโนเรโป

นี่คือ monorepo สำหรับแพ็คเกจ Lit

แหล่งที่มา lit 2.x มีอยู่ในสาขา 2.x แหล่งที่มา lit-html 1.x มีอยู่ในสาขา lit-html-1.x

แพ็คเกจ

• แพ็คเกจหลัก
  • lit - แพ็คเกจ Lit ที่ผู้ใช้เผชิญหน้าหลักซึ่งรวมถึงทุกอย่างตั้งแต่ lit-html และ lit-element
  • lit-element - คลาสพื้นฐานขององค์ประกอบเว็บที่ใช้ใน Lit
  • lit-html - ไลบรารีการเรนเดอร์ที่ใช้โดย LitElement
  • @lit/reactive-element - คลาสพื้นฐานระดับต่ำที่ให้วงจรชีวิตแบบรีแอกทีฟตามการเปลี่ยนแปลงแอตทริบิวต์/คุณสมบัติ
• ห้องสมุดเพิ่มเติม
  • @lit/localize - ไลบรารีและเครื่องมือบรรทัดคำสั่งสำหรับการแปลแอปพลิเคชันเว็บที่สร้างโดยใช้ Lit
  • @lit/localize-tools - เครื่องมือรองรับหลายภาษาสำหรับใช้กับ @lit/localize
  • @lit/react - wrapper ส่วนประกอบ React สำหรับส่วนประกอบของเว็บ
  • @lit/task - คอนโทรลเลอร์สำหรับ Lit ที่แสดงงานแบบอะซิงโครนัส
  • @lit/context - ระบบสำหรับการส่งข้อมูลผ่านแผนผังองค์ประกอบโดยใช้เหตุการณ์ของเบราว์เซอร์ หลีกเลี่ยงความจำเป็นในการส่งผ่านคุณสมบัติลงทุกชั้นของแผนผังโดยใช้โปรโตคอลที่ชุมชนกำหนด
• ห้องทดลอง
  • @lit-labs/ssr - แพ็คเกจเซิร์ฟเวอร์สำหรับเรนเดอร์เทมเพลต Lit และส่วนประกอบบนเซิร์ฟเวอร์
  • @lit-labs/ssr-client - ชุดโมดูลสนับสนุนฝั่งไคลเอ็นต์สำหรับการเรนเดอร์ส่วนประกอบและเทมเพลต Lit บนเซิร์ฟเวอร์โดยใช้ @lit-labs/ssr
  • @lit-labs/eleventy-plugin-lit - ปลั๊กอินสำหรับ Eleventy ที่เรนเดอร์ส่วนประกอบ Lit ล่วงหน้าโดยใช้ @lit-labs/ssr พร้อมไฮเดรชั่นเสริม
  • @lit-labs/ssr-react - แพ็คเกจสำหรับการรวม Lit SSR เข้ากับเฟรมเวิร์ก React และ React
  • @lit-labs/nextjs - ปลั๊กอินสำหรับ Next.js ที่เปิดใช้งานการเรนเดอร์เซิร์ฟเวอร์เชิงลึกของส่วนประกอบ Lit ด้วย Lit SSR
  • @lit-labs/router - เราเตอร์สำหรับ Lit
  • @lit-labs/motion - คำสั่ง Lit สำหรับการทำให้สิ่งต่าง ๆ เคลื่อนไหว
  • @lit-labs/scoped-registry-mixin - มิกซ์อินสำหรับ LitElement ที่ผสานรวมกับ Polyfill CustomElementRegistry Scoped แบบเก็งกำไร
  • @lit-labs/observers - ชุดตัวควบคุมปฏิกิริยาที่อำนวยความสะดวกในการใช้วัตถุผู้สังเกตการณ์แพลตฟอร์ม
  • @lit-labs/preact-signals - การรวมสัญญาณ Preact สำหรับ Lit
  • @lit-labs/testing - ยูทิลิตี้สำหรับทดสอบส่วนประกอบ Lit
  • @lit-labs/virtualizer - การจำลองเสมือนบนวิวพอร์ต (รวมถึงการเลื่อนเสมือน)
  • @lit-labs/compiler - คอมไพเลอร์สำหรับปรับแต่งเทมเพลต Lit
• ชุดเริ่มต้น (ไม่ได้เผยแพร่ถึง npm)
  • lit-starter-ts (repo เทมเพลต) - repo เริ่มต้นสำหรับการสร้างส่วนประกอบที่นำมาใช้ซ้ำได้โดยใช้ Lit ใน TypeScript
  • lit-starter-js (repo เทมเพลต) - repo เริ่มต้นสำหรับการสร้างส่วนประกอบที่นำมาใช้ซ้ำได้โดยใช้ Lit ใน JavaScript
• แพ็คเกจภายใน (ไม่ได้เผยแพร่เป็น npm)
  • tests - ทดสอบโครงสร้างพื้นฐานสำหรับ monorepo
  • benchmarks - เกณฑ์มาตรฐานสำหรับการทดสอบไลบรารีต่างๆ ใน ​​monorepo
  • @lit-internal/scripts - สคริปต์ยูทิลิตี้ที่ใช้ภายใน monorepo

มีส่วนร่วมกับ Lit

Lit เป็นโอเพ่นซอร์สและเราขอขอบคุณรายงานปัญหาและดึงคำขอ ดู CONTRIBUTING.md สำหรับข้อมูลเพิ่มเติม

การตั้งค่า monorepo แบบมีไฟเพื่อการพัฒนา

เริ่มต้น repo:

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

สร้างแพ็คเกจทั้งหมด:

npm run build

ทดสอบแพ็คเกจทั้งหมด:

npm run test

เรียกใช้การวัดประสิทธิภาพสำหรับแพ็คเกจทั้งหมด:

npm run benchmarks

ดู README ของแต่ละแพ็คเกจสำหรับรายละเอียดเกี่ยวกับการพัฒนาสำหรับแพ็คเกจเฉพาะ