В чем разница между CSS in JS и CSS модулей

CSS in JS и CSS модули решают проблему изоляции стилей, но по-разному. **CSS модули** – это файлы `.module.css`, где классы автоматически преобразуются в уникальные имена (хешируются). Это предотвращает конфликты имён. ```jsx import styles from './Button.module.css'; function Button() { return Click; } ``` **CSS in JS** (например, styled-components, Emotion) позволяет писать CSS прямо в JS-коде, создавая стилизованные компоненты. Стили инкапсулированы и динамичны. ```jsx import styled from 'styled-components'; const Button = styled.button` background: blue; color: white; `; function App() { return Click; } ``` **Различия:** - CSS модули ближе к традиционному CSS, но с изоляцией. - CSS in JS даёт больше гибкости (динамические стили, темы) и не требует отдельных файлов. - Производительность может отличаться: CSS in JS иногда добавляет runtime-накладные расходы.