Какой опыт работы с CSS-in-JS

CSS-in-JS — это подход, при котором стили пишутся прямо в JavaScript-коде. Работал с библиотеками, такими как **Styled Components** и **Emotion**. **Преимущества:** - Локальность стилей (изолированы в компонентах). - Динамические стили через пропсы. - Легко поддерживать и масштабировать. **Пример с Styled Components:** ```jsx import styled from 'styled-components'; const Button = styled.button` background: ${props => props.primary ? 'blue' : 'gray'}; color: white; padding: 10px 20px; border: none; border-radius: 4px; `; // Использование: Click me ``` **Недостатки:** - Runtime-накладные расходы (в отличие от CSS Modules). - Сложнее дебажить в DevTools. Для оптимизации иногда использую **CSS Modules** или **vanilla-extract** для статической генерации CSS.