История
Постоянно из одного проекта в другой переношу компоненты, логика и стили которых не меняется, но способ подключения этих стилей в зависимости от проектов разный
- где-то просто голые require, использование глобальных классов и последующая сборка webpack'ом
- где-то CSSModules, и сборка webpack'ом
- где-то isomorphic-style-loader и последующая вставка CSS корневым компонентов в html body
- где-то комплексно
Идея внутри компонентов описать универсальный способ привязки стилей к компоненту, и возможность дальнейшего переопределения
Примеры
~/src/.../.../MyComponent.jsx
@ from Component { return <div styleName='someMyClass'>test</div> }
~/src/client.js
;