выбери сообщество, с которым твои вкусы совпадают

я не против если стили прям в жс-файле . просто оборачивать их в жс-объект не надо. если у нас есть жсх то почемубы не сделать cssx который так же будет внутри этого же файла выглядеть и работать как обычный стайлус-код ? :) Просто при подходе "жс-объект-с-цсс-внутри" не работает подсветка синтаксиса

подсветка зависит только от твоего редактора

можешь и запилить чтобы работало

я не против если стили прям в жс-файле . просто оборачивать их в жс-объект не надо. если у нас есть жсх то почемубы не сделать cssx который так же будет внутри этого же файла выглядеть и работать как обычный стайлус-код ? :) Просто при подходе "жс-объект-с-цсс-внутри" не работает подсветка синтаксиса

http://typestyle.io/play/#src=const%20bg%20=%20(backgroundColor)%20=%3E%20(%7BbackgroundColor%7D);%0A%0A%3Cdiv%20className=%7Bstyle(csstips.fillParent,%20csstips.vertical)%7D%3E%0A%20%20%3Cdiv%20className=%7Bstyle(csstips.flex,%20bg(csx.lightskyblue))%7D/%3E%0A%20%20%3Cdiv%20className=%7Bstyle(csstips.flex,%20bg(csx.lightsalmon))%7D/%3E%0A%3C/div%3E

снова этот же срач он по кд тут)

Либа, которую мы заслужили

у всех свои вкусы

я не против если стили прям в жс-файле . просто оборачивать их в жс-объект не надо. если у нас есть жсх то почемубы не сделать cssx который так же будет внутри этого же файла выглядеть и работать как обычный стайлус-код ? :) Просто при подходе "жс-объект-с-цсс-внутри" не работает подсветка синтаксиса

так для этого я и написал этот плагин

http://typestyle.io/play/#src=const%20bg%20=%20(backgroundColor)%20=%3E%20(%7BbackgroundColor%7D);%0A%0A%3Cdiv%20className=%7Bstyle(csstips.fillParent,%20csstips.vertical)%7D%3E%0A%20%20%3Cdiv%20className=%7Bstyle(csstips.flex,%20bg(csx.lightskyblue))%7D/%3E%0A%20%20%3Cdiv%20className=%7Bstyle(csstips.flex,%20bg(csx.lightsalmon))%7D/%3E%0A%3C/div%3E

Зачем ты мне это прислал ?

Зачем ты мне это прислал ?

>Просто при подходе "жс-объект-с-цсс-внутри" не работает подсветка синтаксиса

пишешь stylus код с js, а он после транспайлинга превратится в перевариемый jss

у всех свои вкусы

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

вот щас обидно было

пишешь stylus код с js, а он после транспайлинга превратится в перевариемый jss

Хороший вариант . только где готовое решение?

Хороший вариант . только где готовое решение?

ну сегодня будет)))

но оскорблять людей не надо все же

пацаны, написал для бабеля плагин, который превращает написанный в вашем любимом препроцессоре с любимыми тулзами, используюя любимые плагины для post-css, в объект для css in js (например, для jss) кому-нибудь еще такое интересно?)

Ждём ссылку :)

Давай прямо сейчас !) real time deployment ???

Какие либы использовал?

а как выглядит нормальный процесс разработки фронтенда?

Какие либы использовал?

никакие, свой простенький парсер на регулярках и deasync, т.к. бабель синхронный остальное - postcss, ну это уже на усмотрение пользователя

я не против если стили прям в жс-файле . просто оборачивать их в жс-объект не надо. если у нас есть жсх то почемубы не сделать cssx который так же будет внутри этого же файла выглядеть и работать как обычный стайлус-код ? :) Просто при подходе "жс-объект-с-цсс-внутри" не работает подсветка синтаксиса

Не поверишь, есть уже https://github.com/krasimir/cssx

что-то я в нескольких паралельных проектах сравнил css-in-js(glamor и jss) и css-modules подходы. и как то второй все же куда удобнее на данный момент. есть надостатки, да, но нормальная подсветка синтаксиса, автодополнение и форматирование кода дико не хватает в css-in-js

Кто-то, например, использует готовый тулкит с css-in-js. Material-ui какой-нибудь.

а как выглядит нормальный процесс разработки фронтенда?

ну точно не так: ... , [izhepu.selector]: { "display": "none", }, ...

И тогда выбора нет

что-то я в нескольких паралельных проектах сравнил css-in-js(glamor и jss) и css-modules подходы. и как то второй все же куда удобнее на данный момент. есть надостатки, да, но нормальная подсветка синтаксиса, автодополнение и форматирование кода дико не хватает в css-in-js

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

короче вброшу ещё раз

https://raw.githubusercontent.com/typestyle/typestyle.github.io/source/public/images/autocomplete.gif

C css-in-js проще делать тулкит с возможностями добавлять пользовательские темы. Опять же material-ui тому пример

а какой профит от этих велосипедов ? :))

ну точно не так: ... , [izhepu.selector]: { "display": "none", }, ...

это уже _скомпилированный_ вариант, слева исходник

а какой профит от этих велосипедов ? :))

ты чет хрень несешь

ты чет хрень несешь

а ты чёт знаешь каков профит, но почемуто не отвечаешь

а ты чёт знаешь каков профит, но почемуто не отвечаешь

я чет работаю

это уже _скомпилированный_ вариант, слева исходник

а. тогда норм... главное чтоб я скомпиленый вариант не видел никогда в жизни.

И тогда выбора нет

ну. во первых material-ui jss только в next ветке использует. во вторых css-modules никак не конфликтуют с этим. там особо дополнительные библиотеки в проект тащить не нужно

а какой профит от этих велосипедов ? :))

Вот я такой влетаю и мне это понадобилось чтобы пользователь сам выбирал тему оформления и всё это работало годно.

профит в том, что можно манипулировать стилями как обычными объектами, любым способом Также в css-in-js есть защита от каскада

Вообще многое есть Почитай http://cssinjs.org/benefits?v=v6.3.0

ну. во первых material-ui jss только в next ветке использует. во вторых css-modules никак не конфликтуют с этим. там особо дополнительные библиотеки в проект тащить не нужно

В material-ui текущей ветки css-in-js безо всяких фреймворков. A-la-carte, как любят говорить в одном сообществе

Вот я такой влетаю и мне это понадобилось чтобы пользователь сам выбирал тему оформления и всё это работало годно.

ну так подходы к темизации цсса уже давно придумали. Почему их никто не хочет использовать ?

ну так подходы к темизации цсса уже давно придумали. Почему их никто не хочет использовать ?

потому что они дно не поддерживаемое CSS4 доказывает

потому что они дно не поддерживаемое CSS4 доказывает

я видимо не в курсе :)

ну. во первых material-ui jss только в next ветке использует. во вторых css-modules никак не конфликтуют с этим. там особо дополнительные библиотеки в проект тащить не нужно

А зачем тащить css модули, если стили для всех компонентов ставятся через JS?

Лучше скажите есть ли варианты в jss получить автодополнение. Желательно в vscode.

ну так подходы к темизации цсса уже давно придумали. Почему их никто не хочет использовать ?

А нахуя? Я вообще не понимаю зачем вся эта ебучая тьма библеотек, модулей и всей остальной хуеты. Там кода на пару строчек, а тут блядь модули css, я что ебанутый что ли.

Лучше скажите есть ли варианты в jss получить автодополнение. Желательно в vscode.

для этого должны быть тайпинги на api

Лучше скажите есть ли варианты в jss получить автодополнение. Желательно в vscode.

врятли ты ж стили можешь просто в объекте хранить так что не будет (только если не появятся jss-components)

@iamstarkov а что там с функциями внутри JSS? можно ли описать набор стилей (а не одно значение) завязанных на пропсах?

А нахуя? Я вообще не понимаю зачем вся эта ебучая тьма библеотек, модулей и всей остальной хуеты. Там кода на пару строчек, а тут блядь модули css, я что ебанутый что ли.

кажется мы негодуем по одинаковой причине.

@iamstarkov а что там с функциями внутри JSS? можно ли описать набор стилей (а не одно значение) завязанных на пропсах?

Можно конечно

Jss простейшая обертка

Можно конечно

если не сложно кинь в меня ссылкой

С новой фичей будет ещё проще

если не сложно кинь в меня ссылкой

Посмотри примеры

Посмотри примеры

по новой фиче есть примеры?

врятли ты ж стили можешь просто в объекте хранить так что не будет (только если не появятся jss-components)

Честно говоря это диал-брейкер.

по новой фиче есть примеры?

Да, см пр

Честно говоря это диал-брейкер.

Просто "дил"

А нахуя? Я вообще не понимаю зачем вся эта ебучая тьма библеотек, модулей и всей остальной хуеты. Там кода на пару строчек, а тут блядь модули css, я что ебанутый что ли.

Насколько я понял. Они предлагают описывать цсс вот в таком виде https://github.com/cssinjs/examples/blob/gh-pages/bootstrap/bootstrap-theme.js и убеждают дотнетеров что это ваще норм и так делать нужно ))

не чувак совсем не так

https://gist.github.com/LestaD/77fcfa4de9272213769a1b653493a079

а зачем вы ето в жс делаете

ERROR: S client not available

аналогов merge через цсс-модули нет что ли

бля

"ну пацаны же сказали что так круто"

а зачем вы ето в жс делаете

почитай cssinjs.org/benefits?v=v6.3.0

а зачем вы ето в жс делаете

они упороты просто ))) не знают как нормально выглядела разработка фронтенда до того как они эту шляпу придумали )))

нет

они упороты просто ))) не знают как нормально выглядела разработка фронтенда до того как они эту шляпу придумали )))

ты консервативен до невозможности

Насколько я понял. Они предлагают описывать цсс вот в таком виде https://github.com/cssinjs/examples/blob/gh-pages/bootstrap/bootstrap-theme.js и убеждают дотнетеров что это ваще норм и так делать нужно ))

что. нет.

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

нет

тогда и вопросов не задавай

тут нет ни первого ни второго

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

ИМЕННО!))

я не понимаю кто кому пишет

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

я не понимаю кто кому пишет

reply используй

они упороты просто ))) не знают как нормально выглядела разработка фронтенда до того как они эту шляпу придумали )))

чувак, я во фронтенд разработке 10 лет.

чувак, я во фронтенд разработке 10 лет.

я тоже ;)

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

Ты не видишь бенефитов потому что даже не удосужился прочитать список из 10 путнктов

ИМЕННО!))

вот в гисте что ты получаешь из этих двух пунктов?

нет

ты скинул ПРАВИЛЬНЫЙ ГИСТ

в котором все сразу понятно

бля

вот и поясни

всё иди

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

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

Разшарь переменные стайлгайда между цсс и жс

да каждый день пишут про свои jss и ?, и ни одного кейса реального использования я так и не получил

я лучше расшарю между цсс и цсс

потому что они мне нужны только в цсс

я лучше расшарю между цсс и цсс

может ты свалишь из реакт чата?