Что выберешь CSS или CSS in JS

Выбор зависит от проекта и команды.

CSS:

• Лучше для статических сайтов, SSR или когда нужна максимальная производительность.
• Проще дебажить в DevTools.
• Глобальные стили могут вызывать конфликты.

CSS-in-JS (например, styled-components, Emotion):

• Идеально для React/Vue, динамических стилей и темизации.
• Локальные стили по умолчанию.
• Может увеличить bundle size и сложность SSR.

Пример CSS-in-JS (styled-components):

const Button = styled.button`
  background: ${props => props.primary ? 'blue' : 'gray'};
  color: white;
  padding: 8px 16px;
`;

Если проект на React и нужна динамика — CSS-in-JS. Для статики или оптимизации — обычный CSS/Sass.