Что такое CSS-in-JS и какие плюсы/минусы?

CSS-in-JS — подход, где стили пишутся в JavaScript. Плюсы: scoping (нет конфликтов имён), динамические стили через пропсы, dead code elimination, colocation с компонентом. Минусы: runtime overhead (генерация стилей при рендере), увеличение JS-бандла, усложнение SSR. styled-components и emotion — самые популярные. Тренд последних лет — zero-runtime решения (vanilla-extract, Panda CSS), которые компилируют стили в CSS на этапе сборки.