хочешь вложенность - https://github.com/postcss/postcss-nested

Что за умные модели?) Это которые толстые и некрасивые?)

то что делают пре/пост/процесссоры это очень ценно. отказываться от них глупо. а не то придётся эти все медиаквери писать прыгая по файлам

@iyntx короче, не хочется особо продолжать, но суть того о чем говорили в том, что в беме родительский класс вынужден лезть внутрь непосредственно css дочерних элементов, т.е. внутрь особенностей их имплементации При компонентах можно использовать простой апи и не лезть туда, куда не надо лезть И вот ооочень примитивный пример: https://jsfiddle.net/32zqky5e/1/

ок давай не будем продолжать.

ок давай не будем продолжать.

ты принципиальную разницу в подходе в примере видишь?

Сделай простой конфиг и конкретно loaders и тестируй

Спасибо, походу, нельзя стили добавлять в entry :)

ты принципиальную разницу в подходе в примере видишь?

изучаю..

ты принципиальную разницу в подходе в примере видишь?

есть случаи , когда передача имени цсс-класса в виде пропса детям будет более оправдана и есть когда менее. но оба варианта имеют право на жизнь. Потомучто гибкость это хорошо

За весь день не было ни одного объективного довода про JSS (как подход)

да классный инструмент jss работает как магия :+1:

теперь осталось сделать обратное преобразование, чтобы из цсс получить js

а иначе неюзабельно (моё ИМХО)

вопрос не в тему. подскажите как можно в eslint сделать анализатор по всем-всем вложеным папкам

есть случаи , когда передача имени цсс-класса в виде пропса детям будет более оправдана и есть когда менее. но оба варианта имеют право на жизнь. Потомучто гибкость это хорошо

разница в том, что если ты поменяешь css код для .button, то в том бем случае надо будет так же лезть в css-код родительского элемента А при компонентном подходе родитель как передавал flat, так и передаёт, и как там именно работает внутри <Button /> по-настоящему изолировано от внешнего мира. В таких абстракциях тоже можно утонуть, конечно, но это вообще отдельная тема.

вопрос не в тему. подскажите как можно в eslint сделать анализатор по всем-всем вложеным папкам

/**/*.js?

не. оно так только на одну вложенность заходит только

теперь осталось сделать обратное преобразование, чтобы из цсс получить js

Да

вопрос не в тему. подскажите как можно в eslint сделать анализатор по всем-всем вложеным папкам

посмотри скрытый файл .eslintignore возможно в нём есть исключения

Плюс какой -нибудь линтер

да у меня и файла такого нету -_-

Что то типа jsscomb

можно конечно так написать /**/**/**/**/*.js но это какой-то говнокод получается

не. оно так только на одну вложенность заходит только

попробуй вот так eslint ./

не. оно так только на одну вложенность заходит только

./**/*.js

eslint ./ пашет

прикольно. у меня не пашет чет(

толко один уровень и все

толко один уровень и все

подебаж eslint ./ --debug

можно конечно так написать /**/**/**/**/*.js но это какой-то говнокод получается

wtf

дак кто победил в конце концов? BEM, JSS, CSS Modules, PostCSS? На что стили переписывать?

@vmakhaev ни на что. Цсс не нужен

подедил автолейаут айос

> теперь осталось сделать обратное преобразование, чтобы из цсс получить js cssx, компилирует в jss

дак кто победил в конце концов? BEM, JSS, CSS Modules, PostCSS? На что стили переписывать?

победила вера в то, что ещё ничего не готово для того чтобы всем было удобно.

переписывать надо в зависимости от проблем в конкретном проектк

победителей нет и никогда не будет

@vmakhaev ни на что. Цсс не нужен

+

css как язык - да пережитки прошлого, css лэйауты и прочие штуки - ок

> теперь осталось сделать обратное преобразование, чтобы из цсс получить js cssx, компилирует в jss

надо глянуть спс

хотя я бы предпочел иметь контроль над лэйаутом в js

было бы неплохо. но недекларативно

для Web Animations это ок

перечитай определение понятия декларативности

http://www.znanie.info/portal/ec-terms/20/871.html

Декларативность , стиль оформления устных или письменных текстов, при котором заявленные цели и ценности не соответствуют реальным действиям и реальным возможностям автора этих текстов.

вызов функции это декларативно? декларация обьекта это декларативно? если да - молодец, если нет - иди учи

лол

смотря какая функция. синхронная или асинхронная

^ лол

нет это не важно

нечеткое понимание понятий ведет к лекбесу, учи грамматику

http://stackoverflow.com/questions/1784664/what-is-the-difference-between-declarative-and-imperative-programming

может есть лучше, это первое что я нашел

вызов функции это декларативно? декларация обьекта это декларативно? если да - молодец, если нет - иди учи

нужен пример. без этого трудно судить ка оно получается

можно и декларативно. но не факт, что будет удобно

может есть лучше, это первое что я нашел

https://www.info.ucl.ac.be/~pvr/VanRoyChapter.pdf

просто вычисления все равно нужны

и не всегда можно нормальную композицию сделать и достаточно плоский объект

императивное это типа — тактические приёмы декларативное — это стратегические приёмы

даже если по компонентам бить

@localvoid похоже крутая книжка, спасибо

короче пример надо

с calc’ами, медиакверисами и тд

кстати, че там, grid layout нас спасет?

ERROR: S client not available

кстати, че там, grid layout нас спасет?

он тока для лейаута общего спасает.. и он не замена флексам, а скорее дополнение. спасёт как только будет доступно в браузерах

посоны разбирайте пока дешево https://twitter.com/frontend_union/status/745607061443125248

о! Подешевело

а вильнюс это европка ?

млн визу мутить

с calc’ами, медиакверисами и тд

Кстати, каким образом можно реализовать calc от ширины нефиксированного div'а? Т. Е. Что вроде calc(100% - divWidth(неизвестна) - 40px)

Или такой финт ушами средствами чистого css пока невозможен?

И сори за оффтоп

Спасибо

невозможен

vw vh юзай

Вадим, лучше опиши кейс зачем тебе

Может другое решение есть

Вадим, лучше опиши кейс зачем тебе

Столкнулся на практике с такой задачей снегодня. Решил запросто с помощью JS, но любопытно, есть ли решение на чистом CSS. https://jsfiddle.net/x5qnk8t0/

Кстати, каким образом можно реализовать calc от ширины нефиксированного div'а? Т. Е. Что вроде calc(100% - divWidth(неизвестна) - 40px)

float + margin-left? :)

Поясню: нужно для того, чтобы нормально смотрелось на всех разрешениях. Т.е. чтобы оба div'а были растянуты на всю ширину суммарно вне зависимости от разрешения экрана.

Flexbox?

а расположение этих дивов какое должно быть ?

один под друим ? или один над другим ?

https://jsfiddle.net/4hy2u6qv/ вот же

оба растянуты.

Оба в одной линии.

По сути нужно, чтобы вне зависимости от длины текста в левом блоке, правый был, скажем. на 32px от левого. И оба составлили суммарно 100% ширины.

точнее 100%-32px(отступ правого от левого)

> 32px от левого )) че?)

> 32px от левого )) че?)

https://jsfiddle.net/x5qnk8t0/ здесь нагляднее, только здесь нефиксированное расстояние правого блока от левого.

В чем проблема заюзать флексбоксы?

Как во флексбоксе такое будет выглядеть?

Имею ввиду кол

*д

Можно даже через display table-cell :D

давайте про реакт Реакт не рендерит невалидные атрибуты (и правильно). Но считать их можно например так: function ParentComponent({ children }) { return children.props.notHtmlAttr === 'bla' ? children : null; } <ParentComponent> <div notHtmlAttr="bla" /> </ParentComponent> usecase'ы можно разные придумать Вопрос скорее в том.... это норм практика или такое потенциально может стать deprecated?