Методология

БЭМ (Блок-Элемент-Модификатор) – это методология разработки веб-приложений, в основе которой лежит компонентный подход. БЭМ делает создание сложных интерфейсов проще.

Узнать подробнее

Каким образом БЭМ помогает разработчику?

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

Блоки – небольшие

Их легче держать в голове, чем всё приложение сразу.

Блоки – независимые

Когда вы меняете что-то внутри одного блока, остальные блоки не сломаются.

Блоки – самодостаточные

Код блоков легко использовать повторно без копипаста.

Блоки имеют название

Общая терминология проекта упрощает коммуникации в команде.

Блоки образуют структуру

Структурированный код проще рефакторить.

Блоки - расширяемые

И что с того?

Основные идеи

Вы можете познакомиться основными принципами БЭМ за 5 минут,
например, за утренним кофе.

БЭМ-сущности

Приложение состоит из блоков. Блоки содержат элементы. Модификаторы описывают специальные состояния блоков и элементов.
Файловая система

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

Чтобы код блоков можно было запустить в приложении, из них собирают бандлы. Бандлы формируются на основе деклараций, с учетом зависимостей и уровней переопределения.
Соглашение по именованию

Для сопоставления БЭМ-сущностей в разных технлогиях придумали правила формирования их идентификаторов.