Зачем нужно использовать styled-components вместо обычного css-файлы?

Question

[cjkfdt]

Задаю нубский вопрос, на который нигде не нашел ответа: зачем при написании react-приложения для стилизации компонентов использовать библиотеки наподобие styled-components и тд., почему нельзя просто все стили для блоков компонентов написать в одном файле и просто инлайново в index.html их подключить?

Comments

[Rustam Bainazarov]

https://m.habr.com/ru/company/everydaytools/blog/3...

[Rustam Bainazarov]

Чуть ли не основная задача — инкапсуляция стилей.

Answer 1

[Антон Спирин]

На официальном сайте есть раздел Motivation. Это и есть ответ на ваш вопрос.

почему нельзя просто все стили для блоков компонентов написать в одном файле и просто инлайново в index.html их подключить?

Как минимум, вам чтобы изолировать стили придется использовать BEM, либо подобный велосипед. StyledComponets позволяет вообще не использовать селекторы в исходном коде(имхо - пятое колесо в компонентной архитектуре). Библиотека генерирует изолированные селекторы сама.

StyledComponents - не панацея, лишь один из подходов в решении насущных задач со своими преимуществами и недостатками.