Краткое введение в световую библиотеку
Что ж, Lit — это библиотека, разработанная командой полимеров из Google для создания веб-компонентов, которые можно использовать с любыми современными JS-фреймворками или без них.
Таким образом, для разработчиков это идеальный выбор для написания любых совместно используемых компонентов с использованием lit.
Почему я должен выбрать освещенный?
Lit — отличный выбор для создания всевозможных веб-компонентов, а также
Простота. В Lit есть все, что вам нужно для счастья и продуктивной работы: реактивность, декларативные шаблоны и несколько продуманных функций, которые сокращают шаблонность и облегчают вашу работу.
Быстро. Обновления выполняются быстро, поскольку Lit отслеживает динамические части вашего пользовательского интерфейса и обновляет только те из них, когда изменяется базовое состояние — нет необходимости перестраивать все виртуальное дерево и сравнивать его с текущим состоянием DOM. .
Легкий вес. Lit весит около 5 КБ (в минимизированном и сжатом виде) и помогает поддерживать небольшой размер пакета и короткое время загрузки.
Чтобы начать с Лит,
lit доступен в виде пакета npm,
npm i lit
или команда Lit предоставляет стартовый набор для начала разработки, вы можете найти стартовый набор по этой ссылке https://lit.dev/docs/tools/starter-kits/
Давайте создадим компонент кнопки, используя lit,
Вышеуказанный веб-компонент находится на машинописном языке. После его преобразования в JS вы можете использовать его как модуль и имя компонента в качестве тега в index.html для видимости.
Проверьте https://lit.dev/ для получения информации.