lit
@lit-labs
Lit est une bibliothèque simple permettant de créer des composants Web rapides et légers.
Au cœur de Lit se trouve une classe de base de composants passe-partout qui fournit un état réactif, des styles étendus et un système de modèles déclaratifs minuscule, rapide et expressif.
Consultez la documentation complète de Lit sur lit.dev.
Une documentation supplémentaire pour les développeurs souhaitant contribuer ou mieux comprendre le projet peut être trouvée dans dev-docs .
Pour installer depuis npm :
npm i litIl s'agit du monorepo pour les packages Lit.
Le source lit 2.x est disponible sur la branche 2.x Les sources lit-html 1.x sont disponibles sur la branche lit-html-1.x .
lit - Le principal package utilisateur de Lit qui comprend tout, de lit-html et lit-element.lit-element - La classe de base du composant Web utilisée dans Lit.lit-html - La bibliothèque de rendu utilisée par LitElement.@lit/reactive-element - Une classe de base de bas niveau qui fournit un cycle de vie réactif basé sur les modifications d'attributs/propriétés.@lit/localize - Une bibliothèque et un outil de ligne de commande pour localiser les applications Web créées à l'aide de Lit.@lit/localize-tools - Outils de localisation à utiliser avec @lit/localize .@lit/react - Un wrapper de composant React pour les composants Web.@lit/task - Un contrôleur pour Lit qui restitue des tâches asynchrones.@lit/context - Un système permettant de transmettre des données à travers une arborescence d'éléments à l'aide d'événements de navigateur, évitant ainsi d'avoir à transmettre des propriétés à chaque couche de l'arborescence à l'aide d'un protocole défini par la communauté.@lit-labs/ssr - Un package serveur pour le rendu des modèles et composants Lit sur le serveur.@lit-labs/ssr-client - Un ensemble de modules de support côté client pour le rendu des composants et des modèles Lit sur le serveur à l'aide de @lit-labs/ssr .@lit-labs/eleventy-plugin-lit - Un plugin pour Eleventy qui pré-rend les composants Lit en utilisant @lit-labs/ssr avec une hydratation en option.@lit-labs/ssr-react - Un package pour intégrer Lit SSR aux frameworks React et React.@lit-labs/nextjs - Un plugin pour Next.js qui permet un rendu serveur approfondi des composants Lit avec Lit SSR.@lit-labs/router - Un routeur pour Lit.@lit-labs/motion - Directives éclairées pour faire bouger les choses@lit-labs/scoped-registry-mixin - Un mixin pour LitElement qui s'intègre au polyfill spéculatif Scoped CustomElementRegistry.@lit-labs/observers - Un ensemble de contrôleurs réactifs qui facilitent l'utilisation des objets observateurs de la plateforme.@lit-labs/preact-signals - Intégration de Preact Signals pour Lit.@lit-labs/testing - Utilitaires pour tester les composants Lit.@lit-labs/virtualizer - Virtualisation basée sur Viewport (y compris le défilement virtuel).@lit-labs/compiler - Un compilateur pour optimiser les modèles Lit.lit-starter-ts (modèle de dépôt) - Un dépôt de démarrage pour créer des composants réutilisables à l'aide de Lit dans TypeScript.lit-starter-js (modèle de dépôt) - Un dépôt de démarrage pour créer des composants réutilisables à l'aide de Lit en JavaScript.tests - Infrastructure de test pour le monorepo.benchmarks - Benchmarks pour tester diverses bibliothèques dans le monorepo.@lit-internal/scripts - Scripts utilitaires utilisés dans le monorepo. Lit est open source et nous apprécions les rapports de problèmes et les demandes d'extraction. Voir CONTRIBUTING.md pour plus d'informations.
Initialiser le dépôt :
git clone https://github.com/lit/lit.git
cd lit
npm ciCréez tous les packages :
npm run buildTestez tous les packages :
npm run testExécutez des tests de performances pour tous les packages :
npm run benchmarksVoir les fichiers README de chaque package pour plus de détails sur le développement d'un package spécifique.
