а чем не нравится стили на js писать? там из коробки изоляция классов, экосистема опять же с твоими js объектами работает, гораздо удобней и быстрей чем парсинг css в js, обработка и снова js->css

Ну изоляция и в css modules есть

Ну изоляция и в css modules есть

тока для это postcss нужег

которого в рантайме пока нет

тока для это postcss нужег

А то как будто какой то проект без него обходится

ээ

Автопрефиксер же как минимум

которого в рантайме пока нет

В смысле нет в рантайме?

ну вот все эти css-in-js с postcss как бы не дружат

ну вот все эти css-in-js с postcss как бы не дружат

https://github.com/postcss/postcss-js

ты это пробовал?)

Нет пока :)

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

+все эти плагины еще и на клиент поедут

Я только не понял причем тут рантайм и css modules

ну я в рантайме не пробовал подружить postcss и cssinjs, поэтому могу только сомневаться по поводу того что это решение для прода

jss ок, мы используем :)

кстати mui еще на него переходит

ну я в рантайме не пробовал подружить postcss и cssinjs, поэтому могу только сомневаться по поводу того что это решение для прода

Да я не говорю же про css-in-js, я про modules, это же по сути обычный css только с изоляцией классов

да, но работает css-modules через postcss, другой реализации я не видел

css-modules, по сути, решает только вопрос изоляции классов

кстати про postcss, css-modules

есть какой-то простой способ переопределять переменные?

т.е. я уже попробовал в плагин variables прокинуть, работает. Но хочется чтобы оно бралось автоматом, как-то основной файл указать, или типо того?

https://github.com/postcss/postcss-simple-vars

да, но работает css-modules через postcss, другой реализации я не видел

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

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

которые работают через postcss)

style-loader и css-loader

которые работают через postcss)

Да разве?

исходники почитай)

т.е. я уже попробовал в плагин variables прокинуть, работает. Но хочется чтобы оно бралось автоматом, как-то основной файл указать, или типо того?

https://github.com/postcss/postcss-simple-vars/blob/master/README.md#variables

угу, видел

исходники почитай)

Ладно, уговорил)

по другому вопрос задам, готовая либа, которая с помощью postcss вытаскивает все переменные из файла?)

сложна)

да там пару строк)

по другому вопрос задам, готовая либа, которая с помощью postcss вытаскивает все переменные из файла?)

Из какого файла то?

const variables = parseVariables('./variables.css')

не храни переменные в css и будет счастье

const variables = parseVariables('./variables.css')

Ты уже используешь нативные переменные в css?

Но зачем?

а что мешает просто импортировать файл с переменными?

а зачем нет?) если используется postcss

он не переопределит переменные, к сожалению

а зачем нет?) если используется postcss

Да чет синтаксис у них такой эээ не очень

зато стандартный)

В less или sass как-то поприятнее сильно

используй precss для sass-переменных

кому-то coffee приятнее js) Но согласен, переменные странно разухабисто сделаны. Но если привыкнуть - норм

в этом чатике лучше советники на свете) Проект уже начинать переписывать?

ну или https://github.com/jonathantneal/postcss-advanced-variables если не хочется тащить весь precss

в этом чатике лучше советники на свете) Проект уже начинать переписывать?

Так реакт же, тут каждую неделю проект переписывать надо

@for $index from 1 to 5 by 2 { .col-$index { width: $(index)0%; } }

спасибо, не надо)

Ну или после каждого твита Абрамова еще можно

Ну или после каждого твита Абрамова еще можно

+

ну это же для любителей sass )

Так реакт же, тут каждую неделю проект переписывать надо

угу, отстаю от тренда) мне бы дописать, как допишу - так сразу перепишу на что нибудь)

redux-thunk там новая версия вышла

и пошло поехало

а я его выкинул, кстати)

я уже полредакса выкинул

redux-thunk там новая версия вышла

Пффф, https://github.com/logux

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

Пффф, https://github.com/logux

Скоро редукс короче придется выкидывать, и переписывать все

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

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

И базу данных

ERROR: S client not available

Давно пора бэкэндеров уволить всех

logux это все-таки про другое

так базу данных вообще каждый день надо менять. Утром поставил миграцию, на следующий день все быстрее и безопасней на 90% стало

Раньше я думал что "что ни день, то развлечения" - это линукс. Теперь развлечения с гитхаба сыпятся.

И базу данных

база данных это датаскрипт

logux это все-таки про другое

+1

а что ставить для атома, если я просто хочу автокомплит flow?

что говорят в чате флоу?

чтобы что-то сказали в чате флоу, нужно написать туда…

чтобы что-то сказали в чате флоу, нужно написать туда…

я только https://nuclide.io/ юзал, но я не сижу прям в атоме, vscode разве что иногда открываю

а что ставить для атома, если я просто хочу автокомплит flow?

flow-ide, но гуано) если линтинг - linter-flow, прям нормас работает

Btw webstorm и прочие idea с версии 2016.3 научились нормально с flow работать - в настройках можно указать бинарник flow, и ide в риалтайме будет подсвечивать ошибки и прочее

А кто-то css in js использует сознательно? А то я тут внезапно столкнулся с radium и у меня люто бомбит пока, но вдруг на самом деле есть какие-то преимущества?

Юзаем))

Юзаем))

И как? Оправдывается?

Вполне себе

Когда переключаюсь на старые проекты, возникает ощущение костыльности

а можно кейсов каких-нибудь по использованию?

Ребята, стоит задача вывода компонент в зависимости от прав. Список прав при старте есть, как чекать на месте? Пока что-то типа {checkPermission(componentName) && <Component />} везде нарисовывается

Какой-то HOC сделать? Как у людей такое делается?

Какой-то HOC сделать? Как у людей такое делается?

https://gist.github.com/amorphousxd/44789d77cb786fe475eb6e8b28503998

<Component permissions={['entity.update']} />

ну короче отсюда можешь идею почерпнуть

Можно через роутер

Написать компонент который до отрисовки нужного будет чекать права

Кул, а вот с роутером не все покрывается в моём случае

Еще при импорте компонента можно вести проверку прав и заводить в переменную либо компонент, либо пустую строку и дальше там где юзался компонент (<Component />) использовать переменную ( {ComponentHolder})

Раз тут про css пошло: как вы разруливаете отступы между компонентами, когда они используются в разных контекстах? Делаете какие-то простые классы, которые примешиваете или для каждого компонента пилите набор модификаторов, которые он может поддерживать?

Какой-то HOC сделать? Как у людей такое делается?

HOC норм

Не легче ли расширить реактовский компонент?

Чтобы он внутри чекал на пермишены.

Никогда этим не занимался, но в голову пришло.

а если несколько компонентов чекать на пермишены?