Войти
UI / Дизайн

Суп из инлайн-стилей (Inline style soup)

💡
Суть в одном предложении:

Когда весь код загажен атрибутами style={{...}} вместо аккуратных классов.

Развернутое определение

Антипаттерн генерации, когда ИИ, не разобравшись с классами, начинает массово навешивать тяжелые объекты style={{ margin: '14px', display: 'flex' }} прямо в JSX, делая код нечитаемым.

Пример из практики

Каждый второй div содержит 15 строчек инлайн-стилей с жестко зашитыми размерами в пикселях.
Как говорят в чатах вайбкодеров
«Вычисти этот суп из инлайн-стилей — вынеси оформление в CSS-модуль или токены»
Как говорит классический инженер
«Excessive inline JSX styling anti-pattern.»