lit

단순한. 빠른. 웹 구성 요소.

Lit는 빠르고 가벼운 웹 구성요소를 구축하기 위한 간단한 라이브러리입니다.

Lit의 핵심에는 반응 상태, 범위가 지정된 스타일, 작고 빠르며 표현력이 풍부한 선언적 템플릿 시스템을 제공하는 상용구를 없애는 구성 요소 기본 클래스가 있습니다.

선적 서류 비치

lit.dev에서 Lit에 대한 전체 문서를 참조하세요.

프로젝트에 기여하거나 더 많은 것을 이해하려는 개발자를 위한 추가 문서는 dev-docs 에서 찾을 수 있습니다.

npm

npm에서 설치하려면:

npm i lit

리트 모노레포

이는 Lit 패키지의 모노레포입니다.

lit 2.x 소스는 2.x 분기에서 사용할 수 있습니다. lit-html 1.x 소스는 lit-html-1.x 분기에서 사용할 수 있습니다.

패키지

• 핵심 패키지
  • lit - lit-html 및 lit-element의 모든 것을 포함하는 사용자용 Lit의 기본 패키지입니다.
  • lit-element - Lit에서 사용되는 웹 구성요소 기본 클래스입니다.
  • lit-html - LitElement에서 사용하는 렌더링 라이브러리입니다.
  • @lit/reactive-element - 속성/속성 변경을 기반으로 반응 수명주기를 제공하는 하위 수준 기본 클래스입니다.
• 추가 라이브러리
  • @lit/localize - Lit를 사용하여 구축된 웹 애플리케이션을 현지화하기 위한 라이브러리 및 명령줄 도구입니다.
  • @lit/localize-tools - @lit/localize 와 함께 사용하기 위한 현지화 도구입니다.
  • @lit/react - 웹 구성 요소를 위한 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 구성요소를 사전 렌더링하는 Eleventy용 플러그인입니다.
  • @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 신호 통합.
  • @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를 참조하세요.

개발을 위한 조명 모노레포 설정

저장소 초기화:

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

모든 패키지를 빌드합니다.

npm run build

모든 패키지를 테스트합니다.

npm run test

모든 패키지에 대해 벤치마크를 실행합니다.

npm run benchmarks

특정 패키지 개발에 대한 자세한 내용은 개별 패키지 README를 참조하세요.