AP
а если каскад будет сложнее, а если проект будет поддерживать несколько людей и кто-то случайно забудет селектор глобал завернуть
Size: a a a
2020 September 10
AP
это все мелкие заморочки которые бесят на ровном месте =)
AP
при этом поддержка класснейма не стоит почти ничего
КС
https://github.com/sveltejs/svelte/pull/2888#issuecomment-671132029
даже патч охренительно маленький размером :)
даже патч охренительно маленький размером :)
AP
при этом в статье в коменте сам же признаешь что глобал протекает и его недостатки, а если бы вместо глобала был хэшированный класс, то проблемы приведенной в коменте не было бы
КС
ещё одна причина, по которой svelte-preprocess необходим
зачем было делать
зачем было делать
:global(*) вместо :global * - ума не приложу :)КС
а со скоупаными классами не нужен был бы див лишний, и ничего бы никуда не протекло :)
даже думать об этом бы не пришлось
даже думать об этом бы не пришлось
PM
Кстати, вот еще вспомнил workaround для тех кому "болят" лишние обертку в именнованных слотах: https://github.com/qutran/svelte-fragment
PM
ну вот в твоей же статье есть основная проблема :global
ты видишь вербозность этой фигни? Это даже читать не удобно
.submit.loading :global(button[disabled]),
.submit.success :global(button[disabled]),
.submit.error :global(button[disabled]) { opacity: 1; }
ты видишь вербозность этой фигни? Это даже читать не удобно
нет, не считаю
КС
Кстати, вот еще вспомнил workaround для тех кому "болят" лишние обертку в именнованных слотах: https://github.com/qutran/svelte-fragment
не сломает ли это ssr ?
PM
при этом поддержка класснейма не стоит почти ничего
нарушение инкапсуляции компонента. компонент позволяет модифицировать себя неизвестным образом
AP
Кирилл Спасибович
не сломает ли это ssr ?
конечно ломает там же маниуляция домом
PM
Кирилл Спасибович
не сломает ли это ssr ?
не уверен, да это только для SPA
КС
нарушение инкапсуляции компонента. компонент позволяет модифицировать себя неизвестным образом
лол, а глобал которым ты меняешь стили - не нарушает инкапсуляцию компонента ?
PM
Кирилл Спасибович
лол, а глобал которым ты меняешь стили - не нарушает инкапсуляцию компонента ?
нет
PM
короче прочитал все RFC. как всегда мне ничего не нра
PM
надо будет по всем отписаться развернуто. чего и советую всем заинтересованным поступить также
AP
нарушение инкапсуляции компонента. компонент позволяет модифицировать себя неизвестным образом
<div class="submit">Это еще большее нарушение инкапсуляции, ты предположил что внутри <Button> есть тэг баттон? А вдруг это ссылка стилизованная под кнопку? Может ее дизейбл стейт не через атрибут накладывается ?=)
<Button>
<slot></slot>
</Button>
</div>
...
<style>
.submit :global(button) { border: 2px solid #1ECD97; color: #1ECD97; }
.submit :global(button:hover) { background-color: #1ECD97; color: #fff; }
</style>
PM
<div class="submit">Это еще большее нарушение инкапсуляции, ты предположил что внутри <Button> есть тэг баттон? А вдруг это ссылка стилизованная под кнопку? Может ее дизейбл стейт не через атрибут накладывается ?=)
<Button>
<slot></slot>
</Button>
</div>
...
<style>
.submit :global(button) { border: 2px solid #1ECD97; color: #1ECD97; }
.submit :global(button:hover) { background-color: #1ECD97; color: #fff; }
</style>
нет, это не нарушение
КС
я тока по стилям написал развёрнуто, альтернатив фрагментам не вижу, а по поводу class в each не против, но тоже не чувствую что сильно нужно