Телеграмм чат группы sveltejs страница 5194

2020 September 29

AP

и что мешает это делать в свелт?

Ничего не мешает, я не говорю что что-то мешает. Только про шадоу дом речи не шло, это не web-components это просто кастомный тег.

источник

17:38пожаловаться #1

PM

Pavel 🦇 Malyshev in Svelte [svelt]

akaSybe

css-modules генерит .container-xxx

чувак в issue предлагает свой вариант,

но суть остаётся та же самая – постараться избежать коллизии за счёт совпадения имен классов

суть же в том, что в системе микрофронтендов даже если они написаны на разных фреймворках не должно быть не хешированных классов и это не может быть претензией к одному из фреймворков. первое о чем озаботятся ребята делаются микрофронтенды, имея например реакт и вью на странице - это инкапсуляцией стилей. в этом смысле добавление свелта ничего не сломает

источник

17:38пожаловаться #2

a

akaSybe in Svelte [svelt]

Pavel 🦇 Malyshev

суть же в том, что в системе микрофронтендов даже если они написаны на разных фреймворках не должно быть не хешированных классов и это не может быть претензией к одному из фреймворков. первое о чем озаботятся ребята делаются микрофронтенды, имея например реакт и вью на странице - это инкапсуляцией стилей. в этом смысле добавление свелта ничего не сломает

согласен

источник

17:39пожаловаться #3

МТ

Марк Танащук... in Svelte [svelt]

akaSybe

никто не говорит менять поведение глобалов

Они УЖЕ поменяются

источник

17:39пожаловаться #4

a

akaSybe in Svelte [svelt]

но я говорю про кейс, где встраивание микрофронтэнда происходит в легаси приложение

источник

17:39пожаловаться #5

PM

Pavel 🦇 Malyshev in Svelte [svelt]

Alexander Ponomarev

Ничего не мешает, я не говорю что что-то мешает. Только про шадоу дом речи не шло, это не web-components это просто кастомный тег.

я не на этот же комментарий отвечал)

источник

17:39пожаловаться #6

a

akaSybe in Svelte [svelt]

Марк Танащук

Они УЖЕ поменяются

мне кажется, ты о чём-то совсем другом говоришь или не понимаешь

источник

17:41пожаловаться #7

AP

Alexander Ponomarev in Svelte [svelt]

Pavel 🦇 Malyshev

я не на этот же комментарий отвечал)

ну использовать кастом элементы в свелт ничего не мешает поэтому свои теги нормально изолируют стили от внешних селекторов по тегам, но селекторы по классам все равно остаются нехешированным и протекут. А шедоу дом ради этого тянуть ну хз

источник

17:42пожаловаться #8

AP

Alexander Ponomarev in Svelte [svelt]

кейс больше о том чтобы переписать хедер на свелт на двадцатилетнем сайте не переписывая весь сайт =)

источник

17:43пожаловаться #9

МТ

Марк Танащук... in Svelte [svelt]

Вот есть блок:

<div class="p24"></div>

в глобале у меня прописано p24{color: #000}

Как скомпилируется эта разметка?

источник

17:43пожаловаться #10

A

Arushwl in Svelte [svelt]

Alexander Ponomarev

кейс больше о том чтобы переписать хедер на свелт на двадцатилетнем сайте не переписывая весь сайт =)

Вот это срок👀

источник

17:43пожаловаться #11

МТ

Марк Танащук... in Svelte [svelt]

p24-xxx?

источник

17:43пожаловаться #12

AP

Alexander Ponomarev in Svelte [svelt]

ничего не будет с классами которые в стайлтеге не описаны

источник

17:43пожаловаться #13

PM

Pavel 🦇 Malyshev in Svelte [svelt]

Alexander Ponomarev

ну использовать кастом элементы в свелт ничего не мешает поэтому свои теги нормально изолируют стили от внешних селекторов по тегам, но селекторы по классам все равно остаются нехешированным и протекут. А шедоу дом ради этого тянуть ну хз

я вообще писал в тому, что полную изоляцию стилей в обе стороны может бать только шадоу дом, а у него свои трейдофы

источник

17:43пожаловаться #14

a

akaSybe in Svelte [svelt]

Alexander Ponomarev

ничего не будет с классами которые в стайлтеге не описаны

++

источник

17:44пожаловаться #15

PM

Pavel 🦇 Malyshev in Svelte [svelt]

свелт просто дает систему инкапсуляции достаточную для большинства проектов из коробки

источник

17:44пожаловаться #16

a

akaSybe in Svelte [svelt]

да, с проектами которые с нуля пишутся, проблем нет (если потом не добавлять глобальные стили от чего-либо)

источник

17:45пожаловаться #17

a

akaSybe in Svelte [svelt]

просто когда появились css-modules это был как глоток воздуха, т.к. больше не нужно было придумывать что-то вроде BEM и везде можно было писать нормальные слова типа container, button, popup

когда мы переписывали футер на свэлт делали так же, и получили коллизии

источник

17:47пожаловаться #18

PM

Pavel 🦇 Malyshev in Svelte [svelt]

akaSybe

да, с проектами которые с нуля пишутся, проблем нет (если потом не добавлять глобальные стили от чего-либо)

мне кажется проблема надумана в том смысле, что всегда можно не использовать распространенные/односложные именования классов, вместе с системой хэширования, это решает проблему практически полностью

источник

17:47пожаловаться #19

a

akaSybe in Svelte [svelt]

Pavel 🦇 Malyshev

мне кажется проблема надумана в том смысле, что всегда можно не использовать распространенные/односложные именования классов, вместе с системой хэширования, это решает проблему практически полностью

это возвращение на лет 10 назад в плане css, на мой взгляд, эти проблемы должен решать компьютер, а не я должен выбирать название класса (имхо)

источник

17:48пожаловаться #20