Начитался гневных отзывов о CSS-in-JS и озадачился - критикуют :) Мол, не декларативно, чуждая динамика, "программирование на CSS" и т.д.
А поэтому вопрос: используете ли вы в продакшене CSS в JS и что это за проекты? Какие плюсы и минусы лично вы можете выделить?
В частности меня интересует CSS-in-JS в контексте React.
использую только styled-components уже 2 года и очень доволен. Очень удобная штука по нескольким причинам: решает все проблемы с коллизиями классов, помогает создавать маленькие стилизованные компоненты которые переиспользуются по всему проекту, делает рендер чище и понятнее за счёт отсутствия большого количества className и использования более специализированных названий компонентов чем имена тегов и вынесения логики по изменению className за пределы рендер функции главного компонента, можно описывать стилизованные компоненты для вашего главного компонента внизу файла не разделяя компонент на несколько файлов (vue подобный подход). Кто-то писал о ужасном DX это не правда! Ведь есть плагин babel-styled-components который решает эту проблему. Серверный рендеринг тоже есть. Насчёт производительности то она конечно хуже, чем обычный css, но разница не ощущается на практике, зато скорость разработки, удобство для разработчика и никакой больше головной боли со стилями
Использую в продакшене JSS, стили в виде объектов в отдельных файлах. В плане написания, по сути ничем не отличается от CSS с пре/пост-процессорами. Еще один из доводов в пользу CSS-in-JS, упрощение сборки проекта.
Не слушайте ретроградов, которые до сих пор БЭМ юзают для решения проблемы изоляции стилей.
