Как писать стили в 2026: CSS Modules, CSS-in-JS, Tailwind и zero-runtime
Всем привет! Меня зовут Даниил Николаев, я frontend-разработчик в «Исходном Коде». И знаете что? Каждый kickoff нового проекта — это один и тот же цирк с конями. Один кекс топит за Tailwind, второй с пеной у рта защищает «чистоту и надёжность» CSS Modules, третий по старой памяти тянет свой CSS-in-JS, а четвёртый молча открывает .scss и просто выходит из созвона. Классика. Ничего не меняется годами.
В статье автору хватило смелости не разводить очередной срач про «красивый синтаксис». Вместо этого — инженерная правда: кто вообще платит за динамику? Сборка или браузер клиента? Вот это уже интересно.
Под капотом ключевых подходов для React (уровень middle и выше) разбирают:
— классические CSS Modules;
— styled-components, который уже торжественно уехал в maintenance mode;
— Emotion;
— Tailwind v4 на движке Oxide;
— и перспективный zero-runtime в лице Linaria и Vanilla Extract.
Плюс честно объясняют, что реально творится с CSSOM, reflow и рендером в браузере. А в финале — практическая матрица выбора. Без фанатизма, без хайпа месяца, без «а вот в твиттере сказали».
Читать далее
👉 Логово Верстальщика
Всем привет! Меня зовут Даниил Николаев, я frontend-разработчик в «Исходном Коде». И знаете что? Каждый kickoff нового проекта — это один и тот же цирк с конями. Один кекс топит за Tailwind, второй с пеной у рта защищает «чистоту и надёжность» CSS Modules, третий по старой памяти тянет свой CSS-in-JS, а четвёртый молча открывает .scss и просто выходит из созвона. Классика. Ничего не меняется годами.
В статье автору хватило смелости не разводить очередной срач про «красивый синтаксис». Вместо этого — инженерная правда: кто вообще платит за динамику? Сборка или браузер клиента? Вот это уже интересно.
Под капотом ключевых подходов для React (уровень middle и выше) разбирают:
— классические CSS Modules;
— styled-components, который уже торжественно уехал в maintenance mode;
— Emotion;
— Tailwind v4 на движке Oxide;
— и перспективный zero-runtime в лице Linaria и Vanilla Extract.
Плюс честно объясняют, что реально творится с CSSOM, reflow и рендером в браузере. А в финале — практическая матрица выбора. Без фанатизма, без хайпа месяца, без «а вот в твиттере сказали».
Читать далее
👉 Логово Верстальщика