Как правильно называть блоки по БЭМ в большом проекте?

Question

[Arman]

ДД.

Что будет для вас класс .news-list в стилях? список новостей? но где?
Допустим, первый программист так называет основной блок со списком новостей на странице Списка новостей.
Дальше/позже второй программист поднимает список главных новостей на главной и тоже называет главный блок .news-list. Тут еще ужасное модальное меню присылают дизайнеры, где нужно тоже показать пару новостей и опять умудряются назвать .news-list родительский блок с новостями. Естественно везде внешний вид этих списков разный, попытка поправить стиль в одном месте приводит к тому что ломается что-то с другой стороны. Понимаю что можно по родителю делать правки, но как правильно по БЭМ? ясно что хотят делать кирпичики и использовать их везде, но как сделать чтоб кирпичики не ломали другое? как отличать и помнить какие кирпичики уже есть?

Answer 1

[iBird Rose]

для этого в бэм есть https://ru.bem.info/methodology/block-modification...

т.е. в твоем случае должно получиться что-то вроде:
.news-list.in-main
.news-list.in-news-page
.news-list.in-modal
и стилизуешь каждый соотвественно

Comments

[Arman]

но тогда нужно или сразу модификатором стилизовать или когда появляется второй блок выносить в отдельный модификатор текущ. решения?

[iBird Rose]

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