tsepen
@tsepen
Frontend developer

Styled components и className?

Норма ли комбинировать Styled-components и className , например SC использовать для элемента родителя, а все вложенные элементы помечать className.
Получится так

const List = styled.div`
  list style;

  .list-title {
    
  }

  .list-item {

  }
`


Или лучше так
const List = styled.div`
  list style;
`

const ListTitle = styled.div`
  title style;
`

const ListItem = styled.div`
  item style;
`
  • Вопрос задан
  • 1198 просмотров
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
Или лучше так

Почему так делать не стоит:
1. Страдает изоляция. Любая сторонняя библиотека с ccs может поломать ваш код в самых неожиданных местах.
2. Возможные проблемы при изменении структуры.
3. Возможные проблемы при добавлении свойств состояния, от которых будет зависеть верстка. Придется по-старинке плодить селекторы состояния или прокидывать свойства через родителя.

Если больше нравится второй подход, то стоит посмотреть в сторону css модулей.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
freislot
@freislot
Frontend-разработчик
Лучше второй вариант, иначе какой смысл от этого
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы