Преимущества Styled components в React native?

Question

[Андрей Охотников]

Какие реальные преимущества у styled-components перед стандартными stylesheet ? И влияет ли на скорость рендера использование styled-components в React native?

Answer 1

[strelok011]

Плюшки.
1. styled-components - стили остаются только при этом компоненте. Для больших проектов критично.
2. Стили являются сильно не зависимыми, т.е. компонент всё носит с собой.
3. Т.к. это js - на все стили можно легко влиять программно. В том числе создавать темизированные приложения, аппаратно-зависимый дизайн и проч и проч. Плюс в том, что не заморачиваешься на реализации в css и meta, пишешь всю логику в js.
4. Многие фреймворки, типа того же material-ui построены как раз на этом принципе.

React native не трогал, но думаю, что не сильно нагрузит приложение.

Comments

[Димка Реактнативный]

StyledComponents от лукавого, так как в React Native нет каскадности, а поэтому и нет CSS.
StyledComponents компилируется в JS стили, а это значит, что StyledComponents лишняя прокладка. Более того в основном во всех библиатеках пишут на JS стилях и пытаясь в них вникнуть после StyledComponents начинается шизофрения

У меня даже в резюме написано, не беру проекты с StyledComponents, так как это прокладка для css верстальщиков.