В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

Веб-компоненты

115 membersпожаловаться на группу
2020 February 07

MB

Mikhail Bashkirov in Веб-компоненты
а вот как быть, если не отключать, хз
я так понимаю, там нет всех фич, которые есть у LitElement
а если бы были, я бы ожидал какой-то хук наверно, которому можно передать стили
источник
16:02пожаловаться#1

e

el_anonimo in Веб-компоненты
Внутри html`...` поместил <link rel='stylesheet' href='bootstrap.css'>.
Часть стилей Bootsrap появилась в инспекторе, часть нет, потому в bootstrap.css нет класса .group-item, например.
источник
16:03пожаловаться#2

MB

Mikhail Bashkirov in Веб-компоненты
кстати есть ты по серьезке собираешься юзать bootstrap, то совмещать это с shadowDOM кажется убийственный оверхедом
источник
16:03пожаловаться#3

MB

Mikhail Bashkirov in Веб-компоненты
потому что одно другому не сильно концептуально соответствует
bootstrap был создан, чтобы быть загруженным на страницу один раз
а shadowDOM подразумевает инкапсуляцию стилей и загрузку только стилей, которые нужны конкретному компоненту
источник
16:04пожаловаться#4

e

el_anonimo in Веб-компоненты
Пробовал импортировать bootstrap.css в index.html, стили не срабатывали. Заглянул в bootstrap.css  и увидел, что там нет bootstrap'ова имени класса.
источник
16:06пожаловаться#5

e

el_anonimo in Веб-компоненты
Пока так:
return html`
 <link rel='stylesheet' href='bootstrap.css'>
 <ul class='list-group test-bg'>${list}</ul>
`;
html из haunted.
Видно, как подключение стиля из Shadow DOM передёргивает страницу из дефолтного стиля. Импорт Bootstrap в index.html не помогает.

Заменил bootstrap.css на такой же файл с нужным css классом в нём.
источник
16:15пожаловаться#6

SK

Serhii Kulykov in Веб-компоненты
FOUC в любом случае будет при подключении внешних стилей в shadow DOM
источник
16:27пожаловаться#7

e

el_anonimo in Веб-компоненты
Ожидаемо.
источник
16:29пожаловаться#8

MB

Mikhail Bashkirov in Веб-компоненты
собственно поэтому их не рекомендуется юзать несмотря на поддержку браузерами
источник
16:30пожаловаться#9

MB

Mikhail Bashkirov in Веб-компоненты
я поискал по репку haunted и не нашел никаких толковых обсуждение на эту тему
источник
16:30пожаловаться#10

MB

Mikhail Bashkirov in Веб-компоненты
странно странно
источник
16:30пожаловаться#11

e

el_anonimo in Веб-компоненты
Там нет примеров работы с файлами стилей, кроме примера в доке, где они импортируют style.css в index.html. Внутри .js файлов компонентов стилей и классов нет.
источник
16:31пожаловаться#12

MB

Mikhail Bashkirov in Веб-компоненты
да, я ожидал чуть большего от проекта с 1500 старами
источник
16:38пожаловаться#13

MB

Mikhail Bashkirov in Веб-компоненты
интересно юзает ли кто-то haunted по серьезке или хотя бы на мало-мальски небольших пет проджектах
источник
16:38пожаловаться#14

MB

Mikhail Bashkirov in Веб-компоненты
не исключено, что сам Матью не очень любит shadowDOM
но тогда не понятно почему он по дефолту его включает
источник
16:39пожаловаться#15

e

el_anonimo in Веб-компоненты
У lit-html есть несколько проектов: https://dev.to/julcasans/using-lit-html-to-create-web-components-a-la-react-118g ->  lit-html in the real world -> в конце. У haunted такого списка не нашёл.
источник
16:40пожаловаться#16

SK

Serhii Kulykov in Веб-компоненты
https://github.com/matthewp/haunted/network/dependents
источник
16:41пожаловаться#17

SK

Serhii Kulykov in Веб-компоненты
не так уж много
источник
16:41пожаловаться#18

MB

Mikhail Bashkirov in Веб-компоненты
офигеть что я в этом списке нашел
https://github.com/jdin/haunted-lit-element
GitHub
jdin/haunted-lit-element
A missing connection between haunted 👻and lit element - jdin/haunted-lit-element
источник
16:44пожаловаться#19

MB

Mikhail Bashkirov in Веб-компоненты
интересно зачем это делать, если собственно haunted предлагает альтернативу LitElement
источник
16:45пожаловаться#20