Да начнётся срач и хейт) Сделал я первую версию своей css-in-js

библиотеки с учётом того что мне не нравиться в других и вот что получилось
Полная типизация, пропсы, интеграция с моими функциями условий и так далее и так как тут при каждом обнослении не изменяется класс, то можно нормально реализовать rem
Как вам?

Почему в when передан дженерик, если все параметры заранее известны?

Тебе нравится? Пользуйся! Я пожалуй воздержусь 😂

Ну и чем это удобнее например styled-components ? какая фича должна меня вот это синтаксис заставить изучать?

Когда с Тикси интеграция?

Вот это все, оно потом куда в инлайн стили положиться? И когда в браузере дом дерево смотреть, там все будет инлайн-стилями забито?

Какая библиотека css-in-js составлять стили основываясь на props, чтобы при их изменении менялись стили?

так стайледы так могут делать

Я многие пересмотрел и находил только ты закидываешь в них и они генерируют один раз, при маунте

Функциональщина чтоб её не ладно😅

ты чет плохо смотрел у styled-componets ты сам задаешь пропсы и в зависимости от них можешь делать вычисляемые стили в рантайме и это будет работать например при смене состояния компонента (useState например) а учитывая хелпер "css" можно прямо динамические стили делать и в стайледах их пользовать потом и все будет рабоать при изменении пропсов в стайледах

Илюша 🎂
не поверишь

а кстати зачем там $primary c символом $ просто для прикола? или требования синтаксиса? а то я чет их давно уже пользовал

Илюша 🎂
не поверишь

А ну то есть это прям читаемее

вроде шоб конфликтов не было

Интересно. Надо запомнить на всяк случай.

А у меня на счёт этого можно не заморачиваться😂

так и в стайледах тоже

а вот в вуе

Молер от мира стилей

Как говорят умные люди, не нравится, сделай своё😂

Опять решаешь несуществующие проблемы

А то, такие проблемы самые интересные)

не поверишь, но во всяких стайледах... const StyledButton = styled.button` /* Вставка значения из пропса */ background: ${props => props.primary ? 'palevioletred' : 'white'}; color: ${props => props.primary ? 'white' : 'palevioletred'}; /* Вызов метода пропса */ font-size: ${props => props.calculateFontSize()}; /* Вызов функции из вне */ margin: ${props => calculateMargin(props)}; padding: 10px; `;

У меня всё тоже самое только без ${}

у тебя ещё хуже

const Button = styled.button` color: palevioletred; font-size: 1em; margin: 1em; padding: 0.25em 1em; border: 2px solid palevioletred; border-radius: 3px; `; const Container = styled.div` /* Внутри Container мы ссылаемся на Button */ ${Button} { color: white; background-color: palevioletred; /* Если Button является прямым потомком Container, он будет иметь красную рамку */ &:first-child { border-color: red; } } `;

И зачем этот синтаксис в принципе может понадобиться?

нинаю...