Вообще ничего не поменялось

с BEMTO будет выглядеть вот так

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

коротко и ясно. нет бойлерплейт-кода

в react как это перенести?)

в том то и дело, что переносить в реакт нужно именно это, а не то что предлагают всякого рода новаторы не из мира верстателей

бем - секта похуже метеора похоже

это религия)

> на беме это будет выглядеть примерно так тут проблемы не будет тк ты добавляешь класс к контейнеру кнопки, не к его внутренним элементам, другой вопрос что делают твои селекторы, им нельзя позволять копаться в кишках кнопки

то что мой класс делает кнопок в беме это называется MIX-блока

@iyntx как ты прокинешь из цсс переменные цвета в компонент графика с помощью js?

это религия)

ты хочешь мне сказать, (кстати ничё что я на ты ? ? ), что в беме нельзя миксовать элементы с блоками ?

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

Кнопка должна иметь стиль который обнулит ее радиус, зачем он ей?

во-во))

кнопка, получается, должна знать о родителе

тут нет красивого решения, вот и все

@iyntx мне если чесно всеравно что в бэме можно и нельзя, я говорю только о вещах которые ведут к проблемам и которые надо избегать или использовать тулы, что в каком моменте соответствует религии бэма или нет я не помню на 100% тк не использую его уже года 2

@iyntx как ты прокинешь из цсс переменные цвета в компонент графика с помощью js?

из цсс прокинуть что-то в жс ? %) я не понимаю о чём речь.

@gusnkt нет кнопка не должна знать о родителе, она должна иметь интерфейс в котором можно обнулять радиус.

@iyntx мне если чесно всеравно что в бэме можно и нельзя, я говорю только о вещах которые ведут к проблемам и которые надо избегать или использовать тулы, что в каком моменте соответствует религии бэма или нет я не помню на 100% тк не использую его уже года 2

тогда посмотри примерно здесь https://ru.bem.info/forum/-534/ ведь можно и нужно

Этот интерфейс не нужен кнопке

@gusnkt нет кнопка не должна знать о родителе, она должна иметь интерфейс в котором можно обнулять радиус.

и цвет и фон и анимацию

@iyntx да. У тебя есть стайлгайд в котором оговорены цветовые схемы

почему бы тогда интерфейсом не сделать класс/стили, которые к ней применятся?)

блин, где модератор. это чатик про жс, программирование обычное и функциональное, про то что все не нужно, а не про верстку

Есть компонент кнопки который с лёгкостью использует цсс переменные

И есть Джаваскрипт компонент строящий графики

> почему бы тогда интерфейсом не сделать класс/стили, которые к ней применятся?) можно, главное чтоб интерфейс был ЯВНЫЙ

огородитесь в отдельном чатике и обсуждайте там свой бм

Задача без дупликации переменных прокинуть цсс переменные в компонент графиков

блин, где модератор. это чатик про жс, программирование обычное и функциональное, про то что все не нужно, а не про верстку

скажы это подкасту радиожс

Задача без дупликации переменных прокинуть цсс переменные в компонент графиков

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

Единственный вариант это jss или аналоги

Тогда источник в цсс

А жс его подтягивает

@Vogre приди же

нет. надо дублировать

> почему бы тогда интерфейсом не сделать класс/стили, которые к ней применятся?) можно, главное чтоб интерфейс был ЯВНЫЙ

Хм. Есть правильное - делать явно. А есть красота - хочется, чтобы твой код читался и писался легко. <ButtonGroup> <Button /> <Button /> </ButtonGroup> Вот это легко. <ButtonGroup> <Button inGroup /> <Button inGroup /> </ButtonGroup> Вот это ужасно

@ashtarev реакт для вёрстки, тут и обсуждаем

Достали со своим бэмом)

Законом не запрещено

На 95% безопаснее ангуляра

Писал на бэме, писал без бэма, писал на ксс модулях, писал с cssinjs. Все норм, везде свои минусы и плюсы

@ashtarev реакт для вёрстки, тут и обсуждаем

wat?! реакт для написания приложений. хтмл и цсс для верстки

верстка кстати звучит как тупое занятие для недопрограммистов ... хотя на самом деле html/css это абстракция для построения в том числе и сложных интерфейсов, поэтому я не уважаю людей которые плохо говорят о верстке или о верстальщиках.

Законом не запрещено

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

нет. надо дублировать

А потом тебе будут прилетать реопены, потому что цвета не совпадают

Хм. Есть правильное - делать явно. А есть красота - хочется, чтобы твой код читался и писался легко. <ButtonGroup> <Button /> <Button /> </ButtonGroup> Вот это легко. <ButtonGroup> <Button inGroup /> <Button inGroup /> </ButtonGroup> Вот это ужасно

Это перестанет быть ужасным когда ты захочешь протестировать свой Button

@ashtarev большинство интверфейсов на вебе состоят на 70 процентов из верстки и цсс, че ты хочешь все время говорить об архитектуре данных?

угу, и про их преобразование. из этого и состоит программирование

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

Это перестанет быть ужасным когда ты захочешь протестировать свой Button

нет, это все еще будет ужасным. Но удобным для тестирования. От этого не менее ужасным

> "нет, это все еще будет ужасным" это холиварная манера вести диалог, твои чуства никого не интересуют, только факты

Тестирование не ужасного варианта будет ужасом ))

Пока этого не делаешь и не понимаешь.

Json не вариант

Или css или js

Многие цветовые переменные получены манипуляцией с несколькими базовыми

Типа light($baseRed, 10%)

И это новый цвет

Новая переменная

https://twitter.com/MSEdgeDev/status/745663143762763776

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

мс <3

И так как чаще всего стайлгайд пишет прошаренный дизайнер, то эти переменные в цсс

Новая переменная

понял твою мысль

Такие дела

мс <3

на эппл занесут?

ERROR: S client not available

што?

получается чтобы заюзивать json нужно отказаться от lighten() в препроцессоре.

Хм. Вероятно решением данной проблемы будет иметь два источника — и json и css

а если нет разницы )) то значит жсон исключаем )

как что - мс эдж, чтобы мы не прозябали с тормозным вебкитом

Убедил

можно сгенерировать все цвета в препроцессоре, скомпилировать результат в json и использовать в js

жскор не тормозной

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

сорян, что гнал бочку по некоторому пункту. Меня убедили.

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

пострпроцессоры делают то же самое что и пре

не обижайся - шучу же)

и вообще это одно и то же

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

макросы не нужны?

/миксины тоже/

@iyntx опять ты споришь со взрослыми дядями.

Постпроцессоры мощнее

Так как работают с аст

@iyntx опять ты споришь со взрослыми дядями.

https://i.imgur.com/biVNTow.png http://paste.ubuntu.com/17700357/ неужели ты будешь спорить дальше что препроцессоры не нужны ?

они ни просто моощнее они правильнее

Пре- не работают

первое ссылко это ДО , второе - ПОСЛЕ

Соответсвенно намного скуднее

Соответсвенно намного скуднее

это ясно но делают они одну и ту же задачу.

ктото скуднее ктото нет

Так как работают с аст

А препроцессоры работают с регулярками?)

А препроцессоры работают с регулярками?)

регулярками было бы слишком медленно.

@iyntx я не спорю это по сути очевидно, посмотри доклады андрея ситника

Для начала нет. А вообще тут смысл не в регулярках, а аст

@iyntx я не спорю это по сути очевидно, посмотри доклады андрея ситника

погляди в мои ссылки.

Зачем combot'а удалили

что я должен увидеть в твоих ссылках, вложеный синтаксис и результирующий css?