https://lit.dev/ Библиотека для создания веб-компонентов. Lit помогает создавать веб-компоненты без лишнего шаблонного кода, добавляя необходимые функции поверх стандартов Web Components, такие как реактивность и декларативные шаблоны. Lit очень легковесная (около 5 КБ) и обеспечивает быструю отрисовку, обновляя только те части интерфейса, которые изменились. Компоненты, созданные с помощью Lit, являются нативными веб-компонентами (Custom Elements), что делает их универсальными и совместимыми с любыми фреймворками или обычным HTML. `import {html, css, LitElement} from 'lit';
export class SimpleGreeting extends LitElement {
static styles = cssp { color: blue };
static properties = { name: {type: String}, };
constructor() { super(); this.name = 'Somebody'; }
render() { return html`Hello, ${this.name}!
; } } customElements.define('simple-greeting', SimpleGreeting); Далее в html: Кому вообще брать эту библиотеку? Тем, кто хочет написать по-настоящему универсальный компонент, который будет одинаково работать в ванильке, вуе, реакте.``