Как стилизовал компоненты

Для стилизации компонентов во фронтенде есть несколько популярных подходов: 1. **CSS-модули** - локальные стили, избегают конфликтов имен: ```css /* Button.module.css */ .primary { background: blue; color: white; } ``` ```jsx import styles from './Button.module.css'; Click ``` 2. **CSS-in-JS** (Styled-components, Emotion): ```jsx import styled from 'styled-components'; const StyledButton = styled.button` background: ${props => props.primary ? 'blue' : 'gray'}; color: white; `; Click ``` 3. **Utility-first CSS** (Tailwind): ```html Click ``` 4. **SASS/SCSS** - препроцессоры с возможностью миксинов, вложенности. Выбор зависит от проекта: для компонентных библиотек часто используют CSS-in-JS, для больших проектов - CSS-модули, для быстрого прототипирования - Tailwind.