Styled components или БЭМ?

Question

[Theory Theory]

Какой подход популярнее в компаниях, styled components или просто подключение scss (с наименованием классов бэм)?

Answer 1

[Антон Иванов]

У нас CSS Modules
https://create-react-app.dev/docs/adding-a-css-mod...

Answer 2

[Alex Karo]

Styled Components довольно тяжелай в плане рантайма и так себе влияет на скорость загрузки/работы сайта (если это важно)
scss/бэм - неудобно увязывать с интерактивом на js, да и вообще нейминг перегруженный для компонентного подхода
css modules кажутся неплохим компромиссом в этом случае

Вот тут есть годное сравнение современных подходов css-in-js - выбери свой
https://github.com/andreipfeiffer/css-in-js

Answer 3

[profesor08]

С styled-components будет проще, если у тебя проект не совсем мелкий и дизайн навороченный. Если у тебя что-то простенькое, или где весь дизайн можно быстренько описать в стилях и их больше не трогать, то хоть обычные .css, хоть .scss. Если дизайн не навороченный или нет необходимости во множестве стилизованных состояниях компонентов, то можно и css-modules, иначе придется сильно вручную упарываться с комбинированием классов.

Answer 4

[Иван В]

Сейчас чаще всего или CSS in JS, или CSS Modules.
Эти подходы встречаются достаточно часто, чтобы хороший фронт знал оба.