🌀 through a haze 🌀
Контрдоводы?
+
я вот тут видел много срачей на эту тему, не принял ни одну сторону
но так и не смог понять чем конкретно он плох, особенно если сайт легаси и css-in-js и вообще компоненты в нем юзать не получится
Igor
А нужна она была для верстки независимых блоков
Igor
Сейчас независимые блоки решаются 1000 и 1 способом
Igor
Выбери просто свой
Anonymous
И все это компилится в нотацию бэм, труляля!
Igor
Начиная от простых css-module и заканчивая custom element
Anonymous
На выходе
Anonymous
Бэм это нотация имен
Igor
О!
Anonymous
Используешь блоки и элементы - это бэм
Igor
Я даже не знаю, что тебе сказать на это
Igor
Чем блок отличается от элемента
Igor
?
Anonymous
Тем что элемент нельзя вложить в элемент
Igor
Почему нельзя?
Igor
Есть у меня элемент - кнопка, хочу положить в нее элемент иконка
Igor
Незя?
Igor
Я люблю мучать бэм-адептов
🌀 through a haze 🌀
Igor
И я походу
Igor
А 10 классов в div это нормально?
Igor
А я забыл, это модификации блока
Igor
А блоке элемент с 5 классами, потому что модификация элемента
Anonymous
Незя?
Имя элемента не будет отражать вложенность, в этом суть
Igor
То есть?
Anonymous
То есть это будут два независимых элемента
Igor
есть блок - block, есть два элемента blockElement, blockIcon
🌀 through a haze 🌀
Anonymous
Вложенность в хтмл абстрагируется от вложенности в css
Igor
Что мешает в blockElement вложить blockIcon
Anonymous
Нельзя именовать block__Element__Icon
Igor
А теперь переписываем на css-module и получаем container, button, icon
Igor
Магия прям
Igor
А потом самая боль модификаторы
Anonymous
Самое приятное что я пользовал
Anonymous
Просто у тебя шаблонизатора нормального для бэм не было
Anonymous
Не руками же длинные нотации писать
Igor
Как пишут в доках - _grey - поменяем цвет, _backgroundblack поменяем background и еще 20 штук их
Sergey
Sergey
Igor
Читать то потом как вашу лапшу потом?
Igor
Я тут проект открыл тру-бем-адепта. У меня классы в строчку не помещаются
Sergey
А можно просто юзать модули ксс
Anonymous
Это точно pro чат? Мы так или иначе используем шаблонизаторы и транспайлеры
Sergey
Sergey
Больше проблем создает, чем решает
Anonymous
Anonymous
Anonymous
Anonymous
Igor
И каждый правильны bem адепт пишет свою модификацию
Igor
Ау.. вернитесь в 2017
Anonymous
Как ты именуешь свои блоки элементы?
Igor
Пора уже
Igor
Igor
Anonymous
Как визуально отделить где один элемент а где другой? CamelCase слитный не поможет
Igor
Sergey
Anonymous
Ага, а потом 20 классов
не проблемы БЭМа, так же, как единственный store на весь разбухший проект — не проблема Redux
Sergey
Есть просто разные имена
Anonymous
Открыть консоль и прочитать что в dom
Igor
Anonymous
Anonymous
Визуально, это как?
А еще допустим есть blockSunLogo и блок blockSun с элементом Logo
Anonymous
Как разрулишь?
Sergey
Igor
Молча, потыкаю по dev-tools
Igor
Ахахах
Sergey
Igor
Вы там ебанулись совсем?