Size: a a a

2019 August 14

MK

Mikhail Koloskov in БЭМ
Хочу так!
источник

EW

Eugeniy World in БЭМ
Привет, как я до этого писал, сам нейминг никак на сборку не влияет, ты можешь все назвать в старом нейминге, за исключением js классов/функций, т.к. тут обязательно чтобы они были с большой буквы, иначе реакт не будет понимать
источник

EW

Eugeniy World in БЭМ
источник

EW

Eugeniy World in БЭМ
Вот тут у тебя же все правильно написано
источник

EW

Eugeniy World in БЭМ
Кстати, чтобы не писать const cn = withNaming({ e: '__', m: '_', v: '_' });, ты можешь вынетси конфигурацию в отдельную папку src/lib/classname -> export const cn = withNaming({ e: '__', m: '_', v: '_' }); и подключать из своей либы
источник

MK

Mikhail Koloskov in БЭМ
Eugeniy World
Вот тут у тебя же все правильно написано
Есть возможность все большие буквы привести к нижнему регистру? При переименовании всё валиться
источник

MK

Mikhail Koloskov in БЭМ
источник

MK

Mikhail Koloskov in БЭМ
источник

EW

Eugeniy World in БЭМ
На ФС — можно, но сами компоненты обязаны быть названы с большой буквы, это требования самого реакта
источник

EW

Eugeniy World in БЭМ
Если быть точнее JSX специфика
источник

EW

Eugeniy World in БЭМ
src/user/user.jsx -> export const User = () => ...
источник

EW

Eugeniy World in БЭМ
src/user/user__name/user__name.jsx -> export const UserName = () => ...
источник

MK

Mikhail Koloskov in БЭМ
Если допустим перейти на новую реактовскую нотацию, нужно стили whitepaper привести к такому виду

Cat-Tail Cat-Tail_length_small


Как думаешь какие есть варианты сделать БЭМ стили whitepaper независимыми от нотации?

Описывать в подобном виде и через PostCSS преобразовывать как это сделано в bem-components


:block(button):mod(theme simple) {

}


Или есть другие варианты?
источник

EW

Eugeniy World in БЭМ
1. Использовать что-то абстрактное, как ты предложил
2. Использовать конвертер из одного нейминга в другой, как это было сделано у нас, когда мы переезжали со старого нейминга на новый
источник

EW

Eugeniy World in БЭМ
источник

EW

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

EW

Eugeniy World in БЭМ
а писать в каком-то одном
источник

MK

Mikhail Koloskov in БЭМ
По факту получается одно и тоже
1. Пишем на абстрактном -> преобразовываем в реактовский
2. Пишем на классическом -> преобразовываем в реактовский

Остаётся решить как удобней изначально описывать стили
источник

EW

Eugeniy World in БЭМ
Все верное, оба способа про одно и тоже 🙂
источник

EW

Eugeniy World in БЭМ
Кажется, что конкретный бэм нейминг ближе к пользователям, чем абстрактное описание
источник