Что насчет JS и префиксов в БЭМ (BEM)?

Question

[someserj]

видел где-то, что существуют какие-то префиксы для классов типа js-classname, но в оф. документации не нашел такого.
так что все-таки прописывать элементам, префиксы к классам или id? чтоб обращатья к ним в js

Comments

[Ярослав Иванов]

Причем тут БЭМ в JS и ID ? В заголовке вопроса одно в пояснение другое.

Answer 1

[i]

Из истории развития БЭМ https://ru.bem.info/methodology/history/

2005 год... Классам блоков мы добавили префиксы (b-, c-, g-), чтобы отличать их от внутренних классов...

Настоящие

Исторически они появились в переходный период для того, чтобы отличать новый код, написаный по БЭМ, от старого. Со временем мы от них отказались.

https://ru.bem.info/forum/158/ и https://ru.bem.info/forum/806/

Соглашение по именованию/Имя блока:

Иногда к именам блоков могут добавляться различные префиксы.

• Общая информация JavaScript по БЭМ
  
• Описание библиотеки одной из реализаций применения БЭМ в JS БЭМ-методология и JavaScript
  

Пример: https://codepen.io/ilyar/pen/WZzzmP?editors=1010#0

<div class="myBlock i-bem" data-bem='{"myBlock":{"param": "val"}}'>
    ...
</div>

modules.define('myBlock', ['i-bem-dom'], function (provide, bemDom) {

    provide(bemDom.declBlock(this.name, /* методы экземпляра */ {

            onSetMod: {
                'js': {
                    'inited': function () {
                        this.domElem[0].innerHTML = this.__self.parseParams(this.params);
                    }
                }
            }

        }, /* статические методы */ {

            parseParams: function (params) {
                return '<pre>' + JSON.stringify(params, null, ' ') + '</pre>';
            }

        }
    ));

});

Еще есть реализация БЭМ + React.js https://github.com/bem/bem-react-core, пример https://scrimba.com/c/cQR4bTr и теория https://www.youtube.com/playlist?list=PLAmtJdts5To...

Comments

[someserj]

а что же использовать тогда?

[i]

someserj: https://ru.bem.info/methodology/js/

Answer 2

[igumenov]

Обычно через классы js-class_name

Comments

[someserj]

спасибо! а вот где об этом почитать в оф. источниках?

Answer 3

[sim3x]

id не используются
js-do_shit позволяет понять, что где-то в жс есть функция, которая привязана к данному классу и она делает shit

Comments

[someserj]

спасибо! а вот где об этом почитать в оф. источниках?

[sim3x]

someserj: скорее всего нигде. В прошлом на ШРИ и др мероприятиях рассказывали, как применять бем в том числе и то что не нужно использовать одни и те же классы для стилей и классы для привязки в jQ / js функционала

[someserj]

sim3x: хочу понять как мне js к верстке прикручивать. как это сделать по БЭМу... айдишники, а если айдишники, то как именовать? темный лес, ничего не могу найти

[sim3x]

someserj:
забудь про идшники
забудь

только классы

пишешь js-do_some_action и используешь его в своем js/jQ

[someserj]

sim3x: по бэму айди запрещены строго?

[sim3x]

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