Кастомные методы, которые прокидывают реакт в легаси. Метод для маунта и анмаунта и метод для диспатча экшнов

Примера под рукой нет

Бэм работает как обычно, только бывают казусы типа легаси стилей .wrapper div { font-size: 12px; } =)

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

Подскажите пожалуйста, есть ли что-то подобное bemjson´у для vue? Что бы описывать дерево компонентов на страницах декларативно.

Нету 🙂

Были попытки DSL из BEMJSON в JSX, причём вроде вполне успешные, но от идеи отказались, потому что, как я понял, теряется идея императивной реактивности в JSX-шаблонах.

А, есть ещё https://github.com/dfilatov/vidom с TagNode API: https://github.com/dfilatov/vidom/wiki/TagNode-API

Спасибо

И что-то похожее у https://github.com/hyperhype/hyperscript

так можно же еще:

({
  block: 'button',
  get text() {
    return Math.random();
  }
})

чем не реактивность?

Наверное, нужен ещё дата-биндинг 🤔

Всем привет.
Ситуация у меня такая.
Есть кнопка .button
У нее есть два цвета: синий и белый   -blue и -white
Кнопка может быть заблокирована -disabled
Кнопка может быть с прозрачным фоном -without_background

В зависимости от цвета кнопки имеются разные стили для каждого другого модификатора (-disabled и -without-background)
Но -disabled и -without-background имеет свои общие стили. Т.е. есть общие стили блокировки, но для каждого цвета есть особенности.

Получается чтобы мне сделать кнопку типа: белая, заблокированая и без фона
Нужны такие классы: button button-white button-disabled button-white-disabled button-without_background button-white-without_background

Правильно я делаю все? =)

Если я правильно понял, ты пытаешься сэкономить на общих стилях в ущерб логике.

Описывая кнопку декларативно, ожидаемо, в классах нужно получить то же самое. Нужна белая заблокированная кнопка без фона, так и должно быть записано: button button_white button_disabled button_without-background.

В твоём случае есть дополнительные условия совместного использования модификаторов.
Я бы избегал избыточности классов в HTML, а написал более специфичные CSS-правила.

Например,

.button_white {
  color: black;
}

.button_white.button_disabled {
  color: grey;
}

.button_white {
  color: black;
}

.button_white.button_disabled {
  color: grey;
}

А почему вы модификаторы через _ пишете? Ведь должно через -

вообще _

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

а, да, сори это я попутал =)

Вопрос не по БЭМу, но может кто подскажет.

Появился новый вопрос как в процессоре сделать .button_white.button_disabled
Пока на ум пришло только такой вариант:

.button {
    $root: &;
    // стили
     &_white {
           // стили
     }
    &_white.#{$root}_disabled {
         // стили
    }
}

Но возможно ли оставить вложенность?