У меня только с jss есть песочница https://github.com/iamstarkov/isolated-button

на Jss я писал. не сильно воткнуло

Ты считаешь каскад плохой идеей?

да

Тогда у тебя должны быть базовый объект стилей

Ты считаешь каскад плохой идеей?

по поводу каскада Можно в cssinjs или jss сделать компонент внутри которого есть например markdown или ещё что-то генерирующее html который __dangerousHtml вставляется и его надо стилизовать по классам?

по поводу каскада Можно в cssinjs или jss сделать компонент внутри которого есть например markdown или ещё что-то генерирующее html который __dangerousHtml вставляется и его надо стилизовать по классам?

Можно

Смотри тут basic https://github.com/iamstarkov/isolated-button/blob/master/src/button.js

Расскажи мне как ты это будешь делать в ?

Защита нужна от внешнего каскада

пример контроля, карл

Генерация уникально айди для компонента для усиления селектора например

Защита нужна от внешнего каскада

а если он нужен?

Шаринг тем между цсс и жс например

а если он нужен?

Тогда ты не считаешь каскад плохой идеей и можно жить с ?

Тогда ты не считаешь каскад плохой идеей и можно жить с ?

походу мне надо выспаться.

Композиция > наследования

ладно смотри пример у тебя есть кнопка, с border-radius тебе нужно buttonGroup где у средних не будет скругления, а у крайних внутреннего скругления

как поступишь в jss?

или ещё интереснее, у тебя есть кнопка, но внутрь нее можно воткнуть Pill такая фигня с циферкой в кружочке. Должна позиционироваться по особенному внутри кнопки

ладно смотри пример у тебя есть кнопка, с border-radius тебе нужно buttonGroup где у средних не будет скругления, а у крайних внутреннего скругления

Пропсы

или ещё интереснее, у тебя есть кнопка, но внутрь нее можно воткнуть Pill такая фигня с циферкой в кружочке. Должна позиционироваться по особенному внутри кнопки

Pill?

или ещё интереснее, у тебя есть кнопка, но внутрь нее можно воткнуть Pill такая фигня с циферкой в кружочке. Должна позиционироваться по особенному внутри кнопки

Реюзаешь pill и прокидываешь ему в пропсы стайл объект для уточнения

Пропсы

нужно будет 2 пропса задавать и в render компонента ButtonGroup выбирать 1 элемент ставить проп, средним ставить 2 пропа и последнему 1 проп

Хотя нет

а бенчи есть кстати?

нужно будет 2 пропса задавать и в render компонента ButtonGroup выбирать 1 элемент ставить проп, средним ставить 2 пропа и последнему 1 проп

Все верно

ваши убер надстройки похоже что пизда медленные

целое поле для ошибок и гемора

а бенчи есть кстати?

Да, я твитил на прошлой неделе

тем более что любая лишняя надстройка — проблема для перфоманса

ваши убер надстройки похоже что пизда медленные

Поворочать несколько объектов много времени не надо

тем более что любая лишняя надстройка — проблема для перфоманса

есть определенные вещи которые ты на cssmodules тупо не сделаешь)

нет вещей, которые ты не сделаешь на css, потому что все в итоге в него компилится, и от этого никуда не уйти

или ещё интереснее, у тебя есть кнопка, но внутрь нее можно воткнуть Pill такая фигня с циферкой в кружочке. Должна позиционироваться по особенному внутри кнопки

Сами компоненты не должны быть ответственны за своё позиционирование во внешнем пространстве

нет вещей, которые ты не сделаешь на css, потому что все в итоге в него компилится, и от этого никуда не уйти

хахаха))) реалтайм генерация темы давай сделай это ты сделаешь, но это будет буквально генерация строк

а если не компилится, то манипулировать стилями из js в большом количестве — бэд практис

Это как гриды и контент для ячеек

ладно смотри пример у тебя есть кнопка, с border-radius тебе нужно buttonGroup где у средних не будет скругления, а у крайних внутреннего скругления

Ты щас только сядь, но для этого достаточно css селекторов))

реалтайм генерация тем — это не задача стилей

Ты щас только сядь, но для этого достаточно css селекторов))

я знаю))) В этом и есть соль вопроса

и то, что ты свернул это в одну обертку не делает твою обертку лучше, делает ее только мультифункциональной

Тогда я не понимаю диалога за ?

Оверкилл в чистом виде

Ты щас только сядь, но для этого достаточно css селекторов))

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

Потому я бы сделал контейнер для pill и он был бы в неймспейсе кнопки и вот этому контейнеру я бы и задал позиционирование

я все слышу "контроля больше, контроля больше", но что-то я не вижу примеров контроля

только слова

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

Нет, я не вижу проблем

я тоже не вижу

нет вещей, которые ты не сделаешь на css, потому что все в итоге в него компилится, и от этого никуда не уйти

?

Я могу прокидывать классы внутрь, если что-то прям сильно приспичивает, да много вариантов вообще есть

Я могу прокидывать классы внутрь, если что-то прям сильно приспичивает, да много вариантов вообще есть

вернулись к классам)

ладно я понял вас

нет вещей, которые ты не сделаешь на css, потому что все в итоге в него компилится, и от этого никуда не уйти

Давай сделай DCE на чистом цсс

Давай сделай DCE на чистом цсс

ват из?

Потому что для условий ? это оверкилл

Или прокинь цсс переменные в жс

Я понимаю когда нужно шарить переменные или что-то ещё content-specific делать

Потому что для условий ? это оверкилл

у меня там темы и динамическая фигня

ват из?

Dead code elimination

у меня там темы и динамическая фигня

А у меня без ?

Поэтому и оверкилл

а зачем? то есть, ты придумал некую архитектуру, в которой тебе нужно делать странные вещи. ты бы еще предложил js переменные в php прокинуть. ну не смешийвай, епт

Поэтому и оверкилл

на jss?

на jss?

На css

На css

ха)))

нуок

я то тут причем

у меня там темы и динамическая фигня

Объект темы в контексте и норм

ERROR: S client not available

Объект темы в контексте и норм

ну так и у меня же

только разница не только в цветах

я то тут причем

При том, что за оверкиллы агитируешь

Ну и зачем тебе ?

Для условий например

Не нужно

И т.д.

для меня оверкилл писать css как js

только разница не только в цветах

Так тема это plain object. Храни там что угодно

для меня оверкилл писать css как js

А особеннно — в компоненте))

а зачем? то есть, ты придумал некую архитектуру, в которой тебе нужно делать странные вещи. ты бы еще предложил js переменные в php прокинуть. ну не смешийвай, епт

Не придумал

И в ``

Я уже об этом спорил

Кейс такой

Есть стайлгайд

Так тема это plain object. Храни там что угодно

а теперь расскажи об этом верстальщикам почему надо писать backgroundColor а не background-color

И есть обычные цсс компоненты

А есть график на жс

Давай расскажи как пошарить цвета и шрифты на чистом цсс

Dead code elimination

Кстати, есть такое @import (reference) '../share.module.less';

а теперь расскажи об этом верстальщикам почему надо писать backgroundColor а не background-color

Я и говорю в твоём случае единственное ограничение это команда

а теперь расскажи об этом верстальщикам почему надо писать backgroundColor а не background-color

Скажи им про currentColor в css и пиши как хочешь)

Давай расскажи как пошарить цвета и шрифты на чистом цсс

видимо чувак агитирует за css-next + postcss

Скажи им про currentColor в css и пиши как хочешь)

ага. currentColor'ом можно выставить скругление и цвет фона, а ещё after/before

Кстати, есть такое @import (reference) '../share.module.less';

В одном большом main.css, не работает так

Скажи им про currentColor в css и пиши как хочешь)

я и так пишу как хочу)

Я пока не могу понять что в jsx можно,а что нет. Допустим я не смог ни map, ни цикл вставить в метод рендер внутрь div. Про виртуал дом обязательно почитаю

{formFields.map((field) => { return ( <Container key={field.name} id={field.name} /> ) })}

{formFields.map((field) => { return ( <Container key={field.name} id={field.name} /> ) })}

return не нужен

В одном большом main.css, не работает так

Поэтому я не пишу один большой main.css) Это не на js строчка, это синтаксис для фичи как tree-shaking, только в less

Поэтому я не пишу один большой main.css) Это не на js строчка, это синтаксис для фичи как tree-shaking, только в less

Ну говорили про чистый цсс

Я уже нить диалога потерял ? Каждый за своё топит

Я просто вижу, что почти все кейсы на ? — это лютый оверкилл и не нужно