КС
но у меня уже есть некоторые идеи как же всё-таки задумано в свелт писать чтобы не было больно
Size: a a a
2020 September 30
КС
в плане организации стилей и тд
PM
Кирилл Спасибович
и народ идёт в свелт и городит там тоже самое, как привык не думая
именно так, не хватает практических наработок. кстати, а вот может вы мне скажете, как это в реакте решалось?
КС
Александр скажет, я хз, свелт мой первый фреймворк
КС
я попытал чутка реакт и понял что не хочу VDOM
PM
в Vue я знаю - там сообщество мега-общительное и постоянно движ идет
AP
ты говорил что главная проблема нативных свелт стилей в применении к ui китам в том, что нет проброса классов. теперь я даю пример практически классической кастомизации компонента ui кита и ты говоришь что не стал бы его делать с помощью проброса класса. ты меня окончательно запутал. 🤪
проблема ui кита на нативных стилях в способе скоупинга этих стилей. Метод скоупинга стилей делает вредным проброс класса снаружи для задания банальной кнопке марджинов, свойства flex или position. Эта проблема решается только глобальным классом, который может протечь.
Если ui кит сделан на цсс модулях то таких проблем нет.
Если ui кит сделан на цсс модулях то таких проблем нет.
КС
ну вот аккуратнее всего мне кажется использовать для виджетов каскад
КС
есть рут нода, относительно неё глобалом проставляешь стили на теги
КС
и в итоге просто пишешь <button></button>
КС
никакой избыточной классовости
КС
проставляешь классы и ставишь маржины если надо
PM
проблема ui кита на нативных стилях в способе скоупинга этих стилей. Метод скоупинга стилей делает вредным проброс класса снаружи для задания банальной кнопке марджинов, свойства flex или position. Эта проблема решается только глобальным классом, который может протечь.
Если ui кит сделан на цсс модулях то таких проблем нет.
Если ui кит сделан на цсс модулях то таких проблем нет.
ок, давай представим что мой пример с кнопками будет на css modules. можешь написать стили для того, чтобы убрать закругления с помощью className ?
AP
Твой пример с границами кнопки должен решаться через специальное проперти на этой кнопке
AP
марджины кнопки это дело контейнера кнопки а не самой кнопки
PM
Твой пример с границами кнопки должен решаться через специальное проперти на этой кнопке
ну я то как раз за то, что UI кит на то и кит, что все компоненты должны предоставлять четкий апи для своей стилизации
AP
- Позволено задавать марджины любому элементу используя проброс класса.
Четкий апи и корректный апи.
Четкий апи и корректный апи.
PM
марджины кнопки это дело контейнера кнопки а не самой кнопки
тогда почему бы не обернуть кнопку к div и не выставить ему отступы?
AP
потому что кнопка была с display: inline-flex а лишний див сделает ее блочной
AP
выглядеть это будет по другому и это геморой