Как лучше именовать стили в css модулях?

Question

[Алексей Николаев]

Доброй ночи.
В приложении на React использую css-модули, и встал вопрос, как лучше писать имена классов - с доменом (именем компонента) или без него?
- С доменом код получается грязнее, но зато следуем соглашению о том, что классы компонента должны быть названы по имени компонента, БЭМ сюда же
- Без домена код получается чище, плюс одинаковые имена классов в разных компонентах (например, item) все равно будут предварены именем компонента и хэшем, т.к. css модули scoped. Это наводит на мысль о бессмысленности компонентного префикса в именах классов

// Component.js
styles['component-name-element']
// vs
styles.element

Что лучше и почему?
Заранее спасибо.

Comments

[WbICHA]

Почему бы тогда не использовать styled-components?
А так можно сделать, к примеру, так:

styles.componentNameElement
// or
styles.component.nameElement
// or
styles.component.name.element