Пишете вы, к примеру, прототип на бутстрапе. Сделали форму. В форме есть кнопка. Нормальный jsx
<button type="button" className={cx('btn', 'btn-success', 'btn-sm')} onClick={this.save}>
Save
</button>
С использованием библиотеки http://react-bootstrap.github.io
<Button bsStyle="success" bsSize="small" onClick={this.save}>
Save
</Button>
Сильно выиграли? Ок. Прототип получился классный сделующий этап делаем из него что-то более уникальное. Для начала дадим нормальные имена классов, будем использовать тотже sass. Для начала мы просто воспользуемся миксинами bootstrap. https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/mixins/_buttons.scss и css-modules. С первым вариантом все просто.
import styles from 'style.sass'
<button type="button" className={cx('my-save-button').bind(styles)} onClick={this.save}>
Save
</button>
А что делать со 2м? Переписывать на нэйтив jsx?
Именно так.
Пока коммунити не поймёт, как правильно перегружать тему в компоненте - только так.