т.е. сущностно это один и тот же блок, но различия только визуальные?

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

и в header__delivery каскадом переопределил то, что нужно. Т.е. принцип такой: если различия обусловлены внешним окружением — миксование, а если внутренним — то модификатор.

спасибо за детальное объяснение 👍

Привет!)
возник вопросик, на который я сформировал для себя ответ, но хотелось бы уточнить.

<div class="page">
  <div class="box">
    <div class="box__element">
      <div class="page__element1"></div>
    </div>
    <div class="page__element2"></div>
  </div>
</div>

Такой вариант ведь не правельное использование ?
мне кажется, что это трешуха...

<div class="page">
  <div class="box">
    <div class="box__element">
      <div class="page__element1"></div>
    </div>
    <div class="page__element2"></div>
  </div>
</div>

это НЕ трешуха ;-) тут всё норм, блоки вполне могут так пересекаться друг с другом — например, у тебя есть страница и заголовки в ней, а отдельно есть блок с красивой рамкой (который тоже сложный и имеет элементы), в которую хочется взять каждый заголовок

ы! Спасибо :) попробую это усвоить :)

Привет. Как БЭМом лучше стилизировать таблицы?когда много ячеек и у них разные стили у всех, каждому класс навешивать?или можно тегами стилизировать

Каждой ячейке класс

ребят, киньте хелп, как можно на страницу отдельно mdc-radio подгрузить?

Через YModules?

Просто скопировал себе мдсишные стили и жску радио

И? Подключать-то как хочешь? Через JS? YModules? Тегом?

Стоит ли использовать https://github.com/bem/bem-react/ ?
Спрашиваю, потому что не совсем понял для чего это, не нашел документации по API, только примеры, и в npm мало загрузок, но в технологиях перечислен и не могу понять, это что-то важное для комфортной разработки на реакте по методологии или нет.

Если это что-то устаревшее или не обязательное, то какие инструменты облегчающие разработку посоветуете? Вот например компонент описал и понял что придётся много однотипного кода писать, как например отсеивание и отдельная обработка пропсов с именами модификаторов и пробрасывание остальных пропсов, описание типов модификаторов, разделение кода на части так, что бы их можно было переопределять и расширять. Или все пишут свою логику для этого?

Все зависит от того, какие у тебя стоят потребности при разработке компонентов

Если у тебя задача сделать компоненты, которые можно максимально переиспользовать и делать какие-то эксперименты или платформенные различия, то bem-react/* инструменты подходят для этого

Если стоит задача сделать кнопку для 1 проекта, то скорее всего тебе это не нужно

А для bem-react есть какая-то документация, с описанием какие функции для чего нужны, что принимают и как работают? Например я почитал readme bem-react/core и не понял что такое withBemMod. Всё описано только на примерах