Эксперементы над учениками шри...

как через '@bem-react/classname' сгенерировать "Header-Link_active", а не "Header-Link Header-Link_active"

тут ключевой вопрос «зачем?» ;)
методология предполагает, что на узле всегда будут оба класса

есть пакет react-router, у которого есть NavLink, который принимает два пропса: className и activeClassName. Второй он сам добавляет к первому, когда линк активен. Если использовать как обычно, то выходит итоговый класс "Header-Link Header-Link Header-Link_active"

Я правильно пониимаю, что здесь className — стринг, а что есть у меня были у Button’а еще другие модификаторы, которые передавались через props? Например: disabled, этот модификатор теряется? core

Вопрос не понятен

У меня есть компонент Icon, у него есть 2 модифиикатора icon (отвечает за иконку, она вставляется через background-image) и size (размер, s, m, l)

Иногда, эта иконка кликабельна, и я решил вместа div использовать button. Решаю это через withBemMod type=“button”

https://gist.github.com/teleginzhenya/06ee47977660e30e5f77a023b6cffd8c

При этом, внутри Icon_type_button.tsx теряются модификаторы size и icon

Не нужно делать иконку кнопкой. Надо вложить иконку в кнопку.

Хорошо, спасибо 👍

приветствую чат, есть кто может поделится примером на bem-react-core с использованием typescript + redux !?

https://github.com/awinogradov/aviasales

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

спасибо Антон

Здравствуйте, подскажите почему блок в ibemjs может не инициализироваться? К блоку ни кто не обращается, просто он должен "включиться" после загрузки страницы, но inited так и не наступает, lazyInit: false

либо он всё-таки lazyInit, либо для него не приехали скрипты на страницу

Очередной раз виновата моя не внимательность, балгодарю, разобрался

Привет
А какая тулза минифицированный css разбивает на отдельные блоки? На выходе файловая структура по бэм.
Вроде слышал, что есть такое

Не слышал про такую

Сделать не сложно:
- нужно попарсить postcss
- пройтись по правилам в postcss, понять какое правило к чему относится (можно использовать @bem/sdk.naming.entity.parse, если что-то ± стандартное)
- сгруппировать правила по БЭМ-сущностям (т.к. по платформам разбить не выйдет, то считать, что стили общие)
- по желанию, каждую группу можно еще приукрасить бьютифаером (postcss-prettify или аналогом)
- создать Readable-поток с { objectMode: true } (const output = new require('stream').Readable({ objectMode: true, read() {} }))
- для каждой группы создать виниловый файл и запушить в поток: output.push(new File({ path: require('@bem/sdk.naming.cell.stringify')(...), contents: '.body { color: red }' })); (File = require('vinyl'))
- запушить в поток null, чтобы закрыть его: output.push('null');
- по желанию, пустить поток в отладочный обработчик: .pipe(require('gulp-debug')())
- пустить поток в vfs.dest, чтобы записать на диск: .pipe(require('vinyl-fs').dest('./папка-в-которую-записать-структуру'));

Пишется быстро, при наличии опыта с потоками и ast, но мб кто-то уже и тулзу написал