CSS-in-JS умер в 2026 или я что-то пропустил

[Vvz1995]

Ощущение что CSS-in-JS (styled-components, emotion) в 2026 окончательно сдулся, хочу понять это объективно так или у меня выборка кривая. По работе вижу что новые проекты идут либо в tailwind, либо в css modules, либо в zero-runtime типа vanilla-extract. Рантайм-вариант стайлдов почти никто не закладывает в новый код.

Причина понятная: RSC и серверные компоненты не дружат с рантайм CSS-in-JS, styled-components до сих пор пляшет с бубном в server components, нужен client boundary и теряется весь смысл серверного рендера. Плюс рантайм оверхед на генерацию стилей в проде, на больших списках это реально заметно в перфе.

С другой стороны DX у стайлдов был приятный, динамические стили от пропсов из коробки, всё в одном файле. В tailwind простыни классов в jsx, в css modules прыгаешь между файлами. Вопрос: вы на новых проектах CSS-in-JS вообще рассматриваете, или это уже легаси которое только дотягиваем на старых кодовых базах?

[mrgiggles]

@Vvz1995, styled-components официально в maintenance mode с прошлого года, репа считай заморожена. это не мнение это факт, авторы сами написали что новых фич не будет. так что да, умер, по крайней мере runtime вариант

[kiwash]

tailwind v4 с движком на rust зашел так что мы все новое на нем. сначала бесили простыни в разметке, через месяц привыкаешь и обратно не хочется, потому что не надо придумывать имена классам и мертвый css сам отваливается. для динамики есть cn и data-атрибуты

[causious]

в tailwind простыни классов в jsx, в css modules прыгаешь между файлами

ложная дихотомия. есть же vanilla-extract и panda css, это типобезопасный css который компилируется в статику на этапе сборки. динамику пробрасываешь через css переменные, рантайма ноль, с rsc дружит потому что на выходе обычный css файл. по сути берешь приятный DX стайлдов без их минусов. мы пишем на panda год, полет отличный, типы на токенах дизайн системы это кайф которого в tailwind нет

[mystiga]

холивар разводите. css modules были всегда, всех переживут и эти ваши панды переживут. boring technology работает

[rancid1]

типы на токенах дизайн системы это кайф которого в tailwind нет

в tailwind 4 токены тоже типизируются если правильно конфиг theme разложить, и intellisense по классам есть. так что не надо panda продавать как единственный типизированный вариант. хотя сам подход zero-runtime согласен правильный

[juniorphoenix]

@rancid1, tailwind это inline стили которые мы 15 лет учились не писать, только хуже потому что еще и нечитаемо. сорян накипело. css modules + нормальные имена классов и не нужна вся эта свистопляска

[docker777]

tailwind это inline стили которые мы 15 лет учились не писать

старый аргумент и неверный. inline стили нельзя переиспользовать, нет медиа запросов, нет псевдоклассов, нет дизайн констрейнтов. tailwind это утилитарные классы с привязкой к шкале токенов, hover и md: работают, специфичность одна. можешь не любить за читаемость, но сравнивать со style= это просто непонимание как оно устроено

[leonida]

по теме ОП: на новых не закладываем рантайм css-in-js вообще, только если легаси дотягиваем. это уже консенсус по сути. спор только tailwind vs css modules vs zero-runtime типа vanilla-extract, а рантайм генерация стилей в браузере отжила, особенно после того как все ушли в серверный рендер