Size: a a a

2020 October 31

КС

Кирилл Спасибович... in Svelte [svelt]
fivem
Вот тут кстати https://youtu.be/I5DIcbcXzfE?t=8907

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

f

fivem in Svelte [svelt]
Igor Filippov
Это 200 кб минифицированного гзипнутого джса?
нет, просто минифицированный js, я не люблю мерить в gzip.
из 200кб больше 100 занимают как писал уже 3 компонента из ui кита  @smui/snackbar,  @smui/dialog,  @smui/tab-bar который сперва понравился, потом столкнулся с багами и взял sveltestrap, а теперь просто оставил bootstrap.css и вешаю классы на нативные элементы, осталось выпилить @smui и будет бандл около 70кб думаю
источник
2020 November 01

К

Константин in Svelte [svelt]
fivem
вот-вот, пока не выносишь мелкие части в отдельные компоненты свелт прекрасен, экшены, анимации... А как вынесешь все ухудшается, радует только удобство $: .. к которому реально очень быстро привыкаешь. Ну и сторы тоже
это и моя боль в свелт. И мне кажется, нас много )
источник

К

Константин in Svelte [svelt]
Кирилл Спасибович
Тоже кстати была идея отказаться от лиф компонентов типа кнопок инпутов и т.д. в пользу тегов, стилизованных селекторами по тегам от рут ноды виджета, scoped global, чтобы класс каждый раз не писать

Сделать в селекторе по тегам not(.custom) если нужна кнопка не подтягивающая стандартные стили

Ибо use, animation, transition, class и вот это всё
если хочешь сделать конструктор, то никуда ты от лиф не уйдёшь, к сожалению.
источник

К

Константин in Svelte [svelt]
fivem
В простом тестовом проекте использовал ui sveltestrap, который просто добавляет элементам бутстраповские классы, css в бандл не входит.
Минифицированный js бандл весил *267кб*, сейчас заменил все <Card><Col>... на <div class="card"><div class="col">... и js бандл стал весить *201кб*. + Автоматом получил возможность использовать use, animate, transition на элементах т.к. элементы стали нативными.
Замену произвел в 14-ти компонентах.
Заметил, чем чаще использовал инпуты из sveltestrap, тем быстрее рос размер.
66кб как-то много для оберток навешивающих классы.
свелтстрап ужасен настолько, что я вытащил из него 4 компонента, 3 из которых доработал и использую. А сам свелтстрап выкинул. Притом, что убогость свелтстрапа навязана самим свелтом, как ни парадоксально.
источник

КС

Кирилл Спасибович... in Svelte [svelt]
Константин
если хочешь сделать конструктор, то никуда ты от лиф не уйдёшь, к сожалению.
конструктор это типа ui кит ?
тег button за исключением стилей и виде тега норм
источник

К

Константин in Svelte [svelt]
Кирилл Спасибович
конструктор это типа ui кит ?
тег button за исключением стилей и виде тега норм
не, конструктор - типа, например, конструктор форм. Свелт не умеет форвардить все события, экшны (хотя казалось бы...), анимации и многое другое.
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Константин
свелтстрап ужасен настолько, что я вытащил из него 4 компонента, 3 из которых доработал и использую. А сам свелтстрап выкинул. Притом, что убогость свелтстрапа навязана самим свелтом, как ни парадоксально.
а как там стили бутстрапа интегрированы в свелт? вроде бы сам бутстрап довольно не плохо разбит по файлам 🤔
источник

К

Константин in Svelte [svelt]
компонент получается эдакой мертворожденной зомби-сущностью, которую можно только частично реанимировать, если за окном гроза (т.е. угадать, что от твоего компонента может потребоваться тем, кто будет его использовать в дальнейшем).
источник

f

fivem in Svelte [svelt]
Pavel 🦇 Malyshev
а как там стили бутстрапа интегрированы в свелт? вроде бы сам бутстрап довольно не плохо разбит по файлам 🤔
вот так интегрированы)
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
fivem
вот так интегрированы)
ну это просто кривое исполнение. должны юзаться сорцы прямо в <style>
источник

К

Константин in Svelte [svelt]
Pavel 🦇 Malyshev
а как там стили бутстрапа интегрированы в свелт? вроде бы сам бутстрап довольно не плохо разбит по файлам 🤔
я хз, я юзаю инспинию, это тема бутстрапа, там много файлов scss + 3 от бутстрапа
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
тогда они буду собираться пайплайном проекта, вырезаться лишнее и изолироваться
источник

КС

Кирилл Спасибович... in Svelte [svelt]
И скорее всего дублироваться где не надо, для такого лучше purgecss
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Кирилл Спасибович
И скорее всего дублироваться где не надо, для такого лучше purgecss
с чего бы это?
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
зависит от того, как разбиты сорцы самого CSS фреймворка. если мелко и по компонентам, тогда все норм работает
источник

КС

Кирилл Спасибович... in Svelte [svelt]
И вот тут опять мы приходим к неудобству лиф компонентов в свелте
источник

f

fivem in Svelte [svelt]
Pavel 🦇 Malyshev
ну это просто кривое исполнение. должны юзаться сорцы прямо в <style>
так дело то в том, что даже просто обертка (sveltestrap) навешивающая классы 66 кб сжирает в 14 компонентах. В банд прилетает не весь свелтстрап, а только то, что используешь
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
Кирилл Спасибович
И вот тут опять мы приходим к неудобству лиф компонентов в свелте
в чем неудобство то?
источник

PM

Pavel 🦇 Malyshev in Svelte [svelt]
речь же только про кейс когда нужно взять кучу чужих стилей и интегрировать в свелт
источник