Size: a a a

Visual Studio Code — русскоговорящее сообщество

2019 July 25

Ti

Time is the side effect in Visual Studio Code — русскоговорящее сообщество
Alex CherryTea
Поздравляю ты изобрел ксс модули
Не, они кривоватые
источник

Ti

Time is the side effect in Visual Studio Code — русскоговорящее сообщество
Для динамики надо babel плагины всякие
источник

Ti

Time is the side effect in Visual Studio Code — русскоговорящее сообщество
Как линария прямо
источник

A

Alex CherryTea in Visual Studio Code — русскоговорящее сообщество
Редко когда тебе в динамике надо формировать что-то что нельзя заранее описать классом. И эти редкие случаи отлично покрываются инлайн стилем
источник

Ti

Time is the side effect in Visual Studio Code — русскоговорящее сообщество
Вот мне надо часть стилей вынести в статику, а часть зависит от динамических переменных из js (например какие-то брекпоинты)
источник

Ti

Time is the side effect in Visual Studio Code — русскоговорящее сообщество
Получается мне надо либо бабел плагин чтобы это писать более-менее структурированно, либо половину в модулях и половину в style={{}}
источник

A

Alex CherryTea in Visual Studio Code — русскоговорящее сообщество
Time is the side effect
Получается мне надо либо бабел плагин чтобы это писать более-менее структурированно, либо половину в модулях и половину в style={{}}
Второй вариант работает отлично без плагинов
источник

A

Alex CherryTea in Visual Studio Code — русскоговорящее сообщество
Все равно это после бабеля станет инлайном
источник

Ti

Time is the side effect in Visual Studio Code — русскоговорящее сообщество
Alex CherryTea
Второй вариант работает отлично без плагинов
И делает более неподдерживаемый код
источник

A

Alex CherryTea in Visual Studio Code — русскоговорящее сообщество
В чем его неподдерживаемость?
источник

Ti

Time is the side effect in Visual Studio Code — русскоговорящее сообщество
Alex CherryTea
Все равно это после бабеля станет инлайном
А еще js после минификатора становится огромным куском непонятного кода
источник

Ti

Time is the side effect in Visual Studio Code — русскоговорящее сообщество
Значит мне так сразу писать можно?)
источник

A

Alex CherryTea in Visual Studio Code — русскоговорящее сообщество
Стайл тэг принимает обьект в котором удобно описывать стили. classnames либа помогает если условий много
источник

Ti

Time is the side effect in Visual Studio Code — русскоговорящее сообщество
Alex CherryTea
В чем его неподдерживаемость?
Тут можно долго перечислять
- ты не видишь полную картину стилей, приходится заглядывать в файл css модуля и одновременно в инлайн стили
- у тебя в коде появляется куча лишней фигни связанной с созданием обьекта который надо передать в style
источник

Ti

Time is the side effect in Visual Studio Code — русскоговорящее сообщество
Ну classnames это немного о другом, полноценную динамику оно не дает, лишь позволяет переключать уже готовые классы по условиям
источник

Ti

Time is the side effect in Visual Studio Code — русскоговорящее сообщество
Но я в курсе что для обычных кейсов это все достаточно удобно
источник

A

Alex CherryTea in Visual Studio Code — русскоговорящее сообщество
Time is the side effect
Тут можно долго перечислять
- ты не видишь полную картину стилей, приходится заглядывать в файл css модуля и одновременно в инлайн стили
- у тебя в коде появляется куча лишней фигни связанной с созданием обьекта который надо передать в style
А зачем мне заглядывать в файл стилей. Я присваиваю из js состояние - например компонент с ошибкой. Или большой. Или свёрнутый. Как там написаны эти стили бизнес логике по барабану
источник

A

Alex CherryTea in Visual Studio Code — русскоговорящее сообщество
Time is the side effect
Но я в курсе что для обычных кейсов это все достаточно удобно
Мне тяжело представить кейс где без стайлед компонента код получится не поддерживаемый
источник

Ti

Time is the side effect in Visual Studio Code — русскоговорящее сообщество
Alex CherryTea
А зачем мне заглядывать в файл стилей. Я присваиваю из js состояние - например компонент с ошибкой. Или большой. Или свёрнутый. Как там написаны эти стили бизнес логике по барабану
В этих вариантах можно обойтись классами.
Вот например есть проект где своя сетка, из конфига в js можно задать количество колонок и значения ширины экрана для разных брекпоинтов. Заранее получить нужный набор классов с css modules я не могу, мне надо это собрать через какой-нибудь sass/less сначала. А со стайледами и инлайн стилями я могу динамически из js это получить. В случае с линарией и reshadow они мне прямо как sass/less сгенерируют нужный набор классов, который потребуется в приложении
источник

Ti

Time is the side effect in Visual Studio Code — русскоговорящее сообщество
И это все будет в одном месте, структурированно
источник