Преимущества написания CSS как объекта JS по сравнению с обычным CSS?

Question

Начиная с версии 3.3.0 styled-components имеет первоклассную поддержку объектов:

const Button = styled.button({
  color: 'blue'
})

Какие преимущества можно написать, как описано выше, по сравнению со "стандартным" способом CSS слитералы шаблона:

const Button = styled.button`
  color: blue;
`

Answer 1

Кажется, что нет никаких преимуществ или недостатков, кроме тех, которые вытекают из разницы в синтаксисе.

Этот поток и документация оба подразумеваютчто это просто вопрос предпочтения синтаксиса:

Из документов:

styled-components дополнительно поддерживает написание CSS как объектов JavaScript вместо строк.Это особенно полезно, когда у вас есть существующие объекты стиля и вы хотите постепенно перейти к styleled-компонентам.

Из потока:

Мы только что выпустили styled-components v3.3.0 с первоклассной поддержкой объектов!(наконец-то) Многие люди уже давно об этом спрашивают, вот как это выглядит: const Button = styled.button ({color: 'blue'}) Обратите внимание, что это совершенно необязательно, мы lite шаблонные литералы и пишем настоящий CSS- это просто вариант для людей, которые предпочитают писать свои CSS как объекты.