Добрый день, в своем проекте на клиентской стороне используем React и Material-ui. В принципе как-то жили используя withStyles и className, стилизуя каждый компонент отдельно, но теперь столкнулись с тем, что компонент, состоящий из других мелких нами написанных компонентов и material ui компонентов, на странице и в модальном окне нарисован на макете по-разному, в связи с этим наконец задались вопросом как поступить в такой ситуации, если вся его функциональность нам необходима, но в другой оболочке? как же лучше вести стили в реакт-приложениях? Какие практики сейчас считаются лучшими для подобных случаев?
Сорри за долгий ответ, допустим, мы используем из material-ui, часть стандартных стилей нам пришлось переопределить через theme provider, часть прописываем через classNames, по итогу у нас имеется таб-панель с определенными шириной, цветом фона, цветами выбранного и невыбранного таба и т.д. Такую таб панель мы использовали на обычной странице приложения, а теперь нам нужно использовать её же, но с другим цветом фона и шириной в модальном окне. И возникает вопрос, каким образом нам контролировать то какие стили применять в зависимости от места использования компонента?
Простой
