Resultado de búsqueda
Building on top of the Web Components standards, Lit adds just what you need to be happy and productive: reactivity, declarative templates and a handful of thoughtful features to reduce boilerplate and make your job easier. Every Lit feature is carefully designed with web platform evolution in mind.
- Documentation
Lit is a simple library for building fast, lightweight web...
- Playground
Simple. Fast. Web Components.
- Blog
Lit Blog. Hear from our team on the latest with Lit and the...
- Getting Started
Open WC project generator. The Open WC project has a project...
- Events
Since Lit components render into shadow roots, all composed...
- Documentation
Lit is a simple library for building fast, lightweight web components. At Lit's core is a boilerplate-killing component base class that provides reactive state, scoped styles, and a declarative template system that's tiny, fast and expressive.
- Overview
- Lit Monorepo
- Contributing to Lit
Simple. Fast. Web Components.
Lit is a simple library for building fast, lightweight web components.
At Lit's core is a boilerplate-killing component base class that provides reactive state, scoped styles, and a declarative template system that's tiny, fast and expressive.
Documentation
See the full documentation for Lit at lit.dev.
Additional documentation for developers looking to contribute or understand more about the project can be found in dev-docs.
Packages
•Core packages •lit - The primary user-facing package of Lit which includes everything from lit-html and lit-element. •lit-element - The web component base class used in Lit. •lit-html - The rendering library used by LitElement. •@lit/reactive-element - A low level base class that provides a reactive lifecycle based on attribute/property changes. •Additional libraries •@lit/localize - A library and command-line tool for localizing web applications built using Lit. •@lit/localize-tools - Localization tooling for use with @lit/localize. •@lit/react - A React component wrapper for web components. •@lit/task - A controller for Lit that renders asynchronous tasks. •@lit/context - A system for passing data through a tree of elements using browser events, avoiding the need to pass properties down every layer of the tree using a community defined protocol. •Labs •@lit-labs/ssr - A server package for rendering Lit templates and components on the server. •@lit-labs/ssr-client - A set of client-side support modules for rendering Lit components and templates on the server using @lit-labs/ssr. •@lit-labs/eleventy-plugin-lit - A plugin for Eleventy that pre-renders Lit components using @lit-labs/ssr with optional hydration. •@lit-labs/ssr-react - A package for integrating Lit SSR with React and React frameworks. •@lit-labs/nextjs - A plugin for Next.js that enables deep server rendering of Lit components with Lit SSR. •@lit-labs/router - A router for Lit. •@lit-labs/motion - Lit directives for making things move •@lit-labs/scoped-registry-mixin - A mixin for LitElement that integrates with the speculative Scoped CustomElementRegistry polyfill. •@lit-labs/observers - A set of reactive controllers that facilitate using the platform observer objects. •@lit-labs/preact-signals - Preact Signals integration for Lit. •@lit-labs/testing - Utilities for testing Lit components. •@lit-labs/virtualizer - Viewport-based virtualization (including virtual scrolling). •@lit-labs/compiler - A compiler for optimizing Lit templates. •Starter kits (not published to npm) •lit-starter-ts (template repo) - A starter repo for building reusable components using Lit in TypeScript. •lit-starter-js (template repo) - A starter repo for building reusable components using Lit in JavaScript. •Internal packages (not published to npm) •tests - Test infrastructure for the monorepo. •benchmarks - Benchmarks for testing various libraries in the monorepo. •@lit-internal/scripts - Utility scripts used within the monorepo.
Setting up the lit monorepo for development
Initialize repo: Build all packages: Test all packages: Run benchmarks for all packages: See individual package READMEs for details on developing for a specific package.
Lit es una librería ultra ligera. Ocupa alrededor de 5 Kb, por lo que no recargará nada tu proyecto y resultará especialmente útil a la hora de desarrollar componentes, ya que te aporta muchas ventajas encima del estándar de los Web Components. Crear un proyecto básico para desarrollar con Lit.
Open WC project generator. The Open WC project has a project generator that can scaffold out an application project using Lit. Edit this page.
Lit provides developers with just the right tools to build fast web components: A fast declarative HTML template system; Reactive property declarations; A customizable reactive update lifecycle; Easy to use scoped CSS styling; Lit builds on top of standard web components, and makes them easier to write:
1 de abr. de 2021 · Lit 2.0 is a new major version of the LitElement and lit-html libraries for writing fast, lightweight, close-to-the-platform web components. Lit combines the lit-html templating library and LitElement custom element base class into one easy-to-use library, with a single name, even more modern core, and unified documentation.
