А bem-react только на ts, аналога на js нет?

Так он скомпилированный. Можно и на  JS

Тут нужно научиться «спрашивать» у компонента — кто задал ему размер. Чаще всего (всегда) оказывается, что если это блок, то его размер зависит от того, внутри какого блока он находится. Соответсвенно размер «происткает» из элемента-родителя, а сам блок лишь подстраиваются под доступную ширину.

А если это просто одинокая кнопка, то её ширина зависит от содержимого — чем больше текста, тем она шире.

Кажется я понимаю о чем Вы ... 🤔

С каждым новым компонентом будет проще и проще 👍

🤝

Что это?

Это шаблоны представления данных в json-формате, например, тех же селекторов. Удобная штука для понимания, что от чего наследуется

А это что и с чем едят?

Это шаблонизатор, который

{
    block: 'button',
    mods: {
        theme: 'islands',
        size: 'm',
        type: 'link'
    },
    url: 'https://bem.info/',
    text: 'Попробуй БЭМ'
}

превращает в

<a class="button button_theme_islands button_size_m button_type_link button__control i-bem" data-bem='{"button":{}}' role="link" href="https://bem.info/">
  <span class="button__text">Попробуй БЭМ</span>
</a>

{
    block: 'button',
    mods: {
        theme: 'islands',
        size: 'm',
        type: 'link'
    },
    url: 'https://bem.info/',
    text: 'Попробуй БЭМ'
}

<a class="button button_theme_islands button_size_m button_type_link button__control i-bem" data-bem='{"button":{}}' role="link" href="https://bem.info/">
  <span class="button__text">Попробуй БЭМ</span>
</a>

Спасибо. Что-то вроде термоса, который знает должно ли быть то что в нём горячим или холодным в зависимости от того в каком состоянии оно было вне термоса или на что похоже?

Вот тут нагляднее: https://bem.github.io/bem-xjst/?version=8.9.1&engine=BEMHTML&template=&bemjson=%7B%0A%20%20%20%20block%3A%20%27form%27%2C%0A%20%20%20%20tag%3A%20%27form%27%2C%0A%20%20%20%20content%3A%20%5B%0A%20%20%20%20%20%20%20%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20elem%3A%20%27header%27%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20content%3A%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20block%3A%20%27heading%27%2C%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20content%3A%20%27%D0%A4%D0%BE%D1%80%D0%BC%D0%B0%27%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%5D%0A%7D

Слева пишем bemjson → получаем внизу разметку. в правую колонку можно вставить шаблоны, но это необязательно.

Благодарю.

жесткого расписания нет. следующий предварительно планирую на 4 декабря. сделаем совсем-совсем базовый для самых маленьких. потом наоборот хардкорный про реакт и темизацию с themekit

Звучит интересно. Я бы посмотрел, если не нужно будет нигде регистрироваться, доверять персональные данные

Во сколько в пятницу и какова продолжительность ? ибо хотелось бы чего-то вроде разбора партии для новичков

Всем привет!
Решил тут подтянуть свой фронт и начать применять BEM. Но у меня появился один большой вопрос на который я никак не могу найти ответа.

Как совмещать BEM и bootstrap?

Я наткнулся на статью https://medium.com/@andersonorui_/bem-sass-and-bootstrap-9f89dc07d20f
и там пишут, что с миксинами бутстрапа якобы чище и понятнее.
Я готов согласится с чистотой, но совершенно не понимаю как с ними становится понятнее.
Ведь накидать грид на модификаторах бутстрапа экономит так много времени. Сами блоки уже по БЕМу можно отверстать как душе угодно. Зачем мне плодить кучу однотипных блоков типа:
.article {
@include make-col(12)
@include media-breakpoint-down(sm) {
@include make-col(6)
}
)
когда можно сделать блок class="col-12 col-sm-6 article"
и потом уже в article по бэму писать все остальное...

Не понимаю просто зачем все эти трудности ради "чистоты".

думаю, начнем в 18:00 и займем пару часов (но тут как пойдет)

нет никакой проблемы реализовать грид отдельным блоком grid, а затем миксовать его и его элементы к любым другим блокам (например, к article)

см. https://ru.bem.info/methodology/css/#миксы

ну вот этим вариантом я сейчас и пользуюсь и нашел его неудобным
container, row, col которые пишутся отдельно в классе позволяют, как бы так выразится, "читать поток" не вникая в классы