А от каких, все-таки лишних действий избавляет CSS-in-JS?
Ведь, что лишне, а что нет — очень субъективно.
Многие считают, например, что почти всегда именно CSS-in-JS — это лишние действия.
Это именно решение не выходящее за рамки CSS. Кому-то нравится — кому-то нет. Не стоит усложнять. Верстальщики активно и успешно такими (или подобными) решениями пользуются (иногда даже не подозревая об этом).
BEM ничего чужеродного, недокументированного, кривого, необычного в стили не вносит. Наоборот, вводит понятные общие правила в отношении имен стилей. Отличное простое решение ни на миллиметр не выходящее за спецификации CSS. Так что BEM никак не костыль.
Это заявление сделал сам автор react-css-modules еще в прошлом году. Он же и там же рекомендует присмотреться к его же babel-plugin-react-css-modules, как менее ресурсоемкой альтернативе.
styled components — средство преодоления проблемы глобальности стилей. Нет проблемы — не используйте. В больших проектах, да если они еще находятся в постоянном развитии, глобальность стилей может приводить к таким неприятностям, как коллизии селекторов и нежелательное каскадирование. Человечество, столкнувшись с этим, выработало противоядия разной степени кардинальности — препроцессоры ( Sass, Less и др.), методологию BEM (Block Element Modifier), ну и CSS Modules, и styled components. Отделение логики, даже в случае styled components от отображения сохраняется, хоть и становится более (сильно) локальным.
Но какие-то глобальные стили тоже остаются. Конечно, не очень хорошо, что программисту приходится заниматься и версткой, и трудно определить, что оставить в глобальных стилях, а что перенести в компонент, но другого пока ничего не придумано.
Ведь, что лишне, а что нет — очень субъективно.
Многие считают, например, что почти всегда именно CSS-in-JS — это лишние действия.
Но какие-то глобальные стили тоже остаются. Конечно, не очень хорошо, что программисту приходится заниматься и версткой, и трудно определить, что оставить в глобальных стилях, а что перенести в компонент, но другого пока ничего не придумано.