Это канал про --аниме-- БЭМ, тут всё остальное оффтопик

есть вопрос про БЭМ. я делаю сложный компонент и понимаю, что все слова для именования классов элементов я уже использовал. В таком случая я делаю еще один блок, в котором выдерживаю пространство имен. Этот новый блок не является независимым, он не будет использоваться отдельно от первого, а всегда будет его частью. У таких блоков есть какое-то принципиальное отличие от остальных блоков в стурктуре проекта? или логика остается одинаковой в любом случае?

отличий не будет, но сама постановка вопроса настораживает. прямо все-все слова уже использовал? )

можно конечно вот так написать: block___item-name, block__item-text, тогда будет свобода действий, но обычно делал так: block-item__name, block-item__text. Или первый вариант считается более правильным?

А если так: Block-ItemName, Block-ItemText

да, первый вполне ок, позволяет не плодить лишних сущностей

гуд, спасибо за ответы!

Привет всем. Если не ошибаюсь, в 2016 году Виноградов рассказывал про react-bl, react-xjst, teleport, как инструмент, делающий из bemjson react-компоненты. Эту тему закрыли?

Да

Я делаю небольшой проект на bem-react, и ищу человека, который мог бы ненадолго ко мне присоединиться. Работы, по моим оценкам, на неделю. Нужно сверстать страницу с текстом, парой картинок и таблиц, без сложной логики. Текст и дизайн готовые. Необходимо уметь обращаться с БЭМ, React и CSS на уровне @media-запросов и flexbox. Платить могу по результату или по часам. Подробнее обо всём расскажу в личке.

В опенсорсе ничего хорошего нет, но из brmjson мы продолжаем делать jsx

Это внутренние либы для яндекс сервисов да, которые сами юзаете? А так бэм подружился с с виртуал-дом? Возможно, что-то я пропустил. Просто на беме делал несложные вещи год назад, а сейчас проект появляется на бэм

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

BEM и vDOM это про разные штуки :) Они никак не конфликтуют.
Другое дело стеки инструментов )

Есть где посмотреть?

Начал разбирать bem-react-core. Пока не понял, как реализуется уровень переопределения. Вижу декларацию платформы в примере https://github.com/awinogradov/aviasales, но как, например, создать (и подключить), например, ещё уровень i18n, который добавит в компонент Button новый атрибут aria-label="button". Это нужно вручную импортировать в сам /src/view/components/Button/Button.tsx, если хочу это на всех платформах (или в Button@desktop.tsx, если хочу доставить только в выбранную платформу)?

Вроде это делается на уровне регистра какого-то корневого блока (в данном случае /src/view/components/Page/Page.registry/desktop.tsx)

По сути /src/view/components/Page/Page.registry/desktop.tsx
— и есть бандл. А https://github.com/awinogradov/aviasales/blob/master/src/view/components/Page/Page.registry/desktop.tsx#L3-L4 — явный импорт уровней.

Да, но мы немного иначе хотим делать.
Библиотеки можно поставлять готовыми для платформ, будет выглядеть примерно так:

import { Button as BaseButton, withSizeM, withThemeNormal } from 'super-components/desktop/button'; // ← тут уже есть desktop

// …
// <Button theme="normal" text="Push me!" />

import { Button as BaseButton, withSizeM, withThemeNormal } from 'super-components/desktop/button'; // ← тут уже есть desktop

// …
// <Button theme="normal" text="Push me!" />

Это комментарий к моему вопросу?