Size: a a a

2020 February 03

V

Valentin in БЭМ
Ну не нужно сразу сделал и забыл. Сделал, когда нужно вернулся и изменил. А тут пока делаешь...
источник

V

Valentin in БЭМ
Eugeniy World
мм, поясни, что значит описывая все по бэму?
Использование не только бем нейминга, но и остальных модулей от bem-react.
источник

EW

Eugeniy World in БЭМ
Ты можешь вообще ничего из bem-react не использовать, в том числе нейминг 🙂
источник

EW

Eugeniy World in БЭМ
ну типо, это же не обязательно, нужно понимать, зачем это тебе нужно
источник

EW

Eugeniy World in БЭМ
К примеру мы используем classname и нейминг, т.к. это решение нам подходит и позволяет не тащить какой-то доплнительный рантайм
di используется, чтобы делать эксперименты над фичами
источник

EW

Eugeniy World in БЭМ
Если у тебя нету таких потребностей на данный момент, то стоит использовать те инструменты, которые тебе подходят) а потом уже расширять при необходимости
источник

EW

Eugeniy World in БЭМ
Тот же withBemMod мы используем не везде, в основном только для визуальных модификаторов, на обычном же проекте кажется даже и это не особо нужно, т.к. нету такого большого кол-ва визуала
источник

EW

Eugeniy World in БЭМ
Если это какая-то доп функциональность с js'ом, то стоит скорее всего сделать обычный хок и использовать его, без подключения по условию
источник

АН

Авроамэриканец Начрэл in БЭМ
Я описал кнопку с несколькими стилями и решил использовать её в проекте, стили кнопок задают цвет текста, мне нужно использовать этот цвет для свойства fill иконок внутри кнопок, но я не хочу устанавливать такое поведение глобально и не хочу для этого использовать js.

Как следует поступить? На сколько распространена практика использования custom properties, если распространена, то их следует именовать как класс?

Как-нибудь вроде --button_theme_sexy--color? А потом использовать свойство в патче, переопределяющем что-то (в этом случае свойство fill)
источник

АН

Авроамэриканец Начрэл in БЭМ
Авроамэриканец Начрэл
Я описал кнопку с несколькими стилями и решил использовать её в проекте, стили кнопок задают цвет текста, мне нужно использовать этот цвет для свойства fill иконок внутри кнопок, но я не хочу устанавливать такое поведение глобально и не хочу для этого использовать js.

Как следует поступить? На сколько распространена практика использования custom properties, если распространена, то их следует именовать как класс?

Как-нибудь вроде --button_theme_sexy--color? А потом использовать свойство в патче, переопределяющем что-то (в этом случае свойство fill)
Тут в имени я имею в виду какое-то свойство после --, если так не корректно, предложите своё мнение, как стоит именовать, что бы имена были уникальными
источник

EW

Eugeniy World in БЭМ
Мы используем css-свойства, именуются они по скоупу использования + смыслу
источник

АН

Авроамэриканец Начрэл in БЭМ
Мб --button_property-color, переопределяемое
источник

EW

Eugeniy World in БЭМ
К примеру --color-control-bg-default — дефолтный цвет контрола, --color-control-bg-action — цвет контрола с действием экшена
источник

EW

Eugeniy World in БЭМ
если нужна более гибкая кастомизация, то можно добавить --button-color-**
источник

АН

Авроамэриканец Начрэл in БЭМ
Eugeniy World
К примеру --color-control-bg-default — дефолтный цвет контрола, --color-control-bg-action — цвет контрола с действием экшена
Где они объявляются? В моём примере с кнопкой, переменную определить на уровне класса button? И в темах только переопределять? А что если это свойство должно быть только у темы?
источник

EW

Eugeniy World in БЭМ
Мы определяем такие переменные на уровне темы в которую обернуто приложения/фича
источник

АН

Авроамэриканец Начрэл in БЭМ
Eugeniy World
если нужна более гибкая кастомизация, то можно добавить --button-color-**
А если появится блок buttn-color? Это же валидное имя для блока и уникальность имени будет нарушена
источник

EW

Eugeniy World in БЭМ
<div className="Theme Theme_color_default">
 <button className="Button Button_view_default">Click</button>
</div>
источник

EW

Eugeniy World in БЭМ
Авроамэриканец Начрэл
А если появится блок buttn-color? Это же валидное имя для блока и уникальность имени будет нарушена
Тогда будет buttonColor-color-**
источник

EW

Eugeniy World in БЭМ
Но вообще как правило контролы должны быть одинаковые на уровне приложения, поэтому более точечное определение цвета для кнопки кажется излшиним, хотя я  не знаю твоего кейса и приложения)
источник