Телеграмм чат группы bem

Size: a a a

БЭМ

2019 February 23

Ну вебпак у меня делает для каждой страницы свой файл html, но как его заставить делать стили отдельно, я не смог пока понять.

Вот для этого и нужно разделение по файлам. В момент генерации HTML можно сделать инспекцию всех классов (а классы === имя файла) и собрать правильный CSS

источник

12:10пожаловаться #2

Роман in БЭМ

К тому же обычно эти файлы никто не создаёт через «Create new file» редактора — это долго и утомительно. Есть плагины, которые автоматически генерируют минимальные чанки для каждой технологии: https://github.com/bem-tools/bem-tools-create

GitHub

bem-tools/bem-tools-create

bem create command. Contribute to bem-tools/bem-tools-create development by creating an account on GitHub.

источник

12:13пожаловаться #3

Will Parry in БЭМ

Доброго дня, небольшой вопросик по БЭМ, немного не понимаю. В Быстром Старте, в примерах по модификатору, есть такой пример Пример


<form class="search-form search-form_focused">
<input class="search-form__input">


<button class="search-form__button search-form__button_disabled">Найти</button>
</form>

источник

16:15пожаловаться #4

Will Parry in БЭМ

Строка class="search-form__button search-form__button_disabled". Здесь разве правильно? Блок__элемент__элемент

источник

16:16пожаловаться #5

Will Parry in БЭМ

Из того же описания: "Это означает, что в названии элементов нельзя прописывать иерархию вида block__elem1__elem2"

источник

16:17пожаловаться #6

Nikita Stenin in БЭМ

Привет. У меня тут предложение есть по @bem-react. React 16.8 уже вышел, а значит уже можно использовать хуки. В связи с этим кажется будет очень удобно использовать @bem-react/di в функциональных компонентах. Пример, как это может выглядеть здесь https://codesandbox.io/s/lr3lqryn0z?fontsize=14 Думаю это можно даже сделать отдельным пакетом @bem-react/hooks например.

CodeSandbox

@bem-react/hooks - CodeSandbox

The online code editor tailored for web applications

Строка class="search-form__button search-form__button_disabled". Здесь разве правильно? Блок__элемент__элемент

Так все же правильно. Если посмотреть внимательно, то search-form__button - это элемент button блока search-form, а search-form__button_disabled - модификатор disabled элемента button, который относится к блоку search-form. Было бы неправильно, если бы например было так: form__search-form__button.

источник

16:29пожаловаться #8

Will Parry in БЭМ

Спасибо, понял теперь что там два класса

источник

16:36пожаловаться #9

2019 February 24

Vabka in БЭМ