в третьих после HotReload отваливаются стили

если тыкаю в <style>...</style> возле .button-1-0-0 {

он направляет меня в StaticBaseSheet

где пусто

че за?!

Может он не обновился? jss недавно мажорную версию поднял

это новый проект

я сделал npm i -S react-jss jss jss-preset-default

так

jss 7.1.1

styled-jss 0.6.3

@iamstarkov вышел из чата чтоль?

бля

че за?!

не понял, стили же применены, в чем проблема?

@iamstarkov вышел из чата чтоль?

я нет, но @enload кто может помочь

но да styled-jss нужно обновиться

не понял, стили же применены, в чем проблема?

А где они?

highload css)))

А где они?

мб вебпакбин?

компонент простой

но да styled-jss нужно обновиться

А как там с темами для этого всего?

мб вебпакбин?

ща запилю

А как там с темами для этого всего?

я как раз пилю это

самое простое вот так

withTheme(injectSheet(styles)(Component))

const styles = { color: props => props.theme.maincolor }

withTheme и ThemeProvider = withContext/getContext from recompose

для начал пойдёт

я запилю скоро нормальную версию

а дата следующего митапа уже есть?

во вторых не работает &:hover

https://www.webpackbin.com/bins/-KjggVb3sXqDmBP_EUJI вот тут пример, ховер работает, стили не отваливаются вроде

у меня ща тоже заработало скорее всего там косяк был в undefined из palette но стили при hotreload всё равно валятся

const styles = { color: props => props.theme.maincolor }

а то, что тема должна быть plainObject изменится?

у меня ща тоже заработало скорее всего там косяк был в undefined из palette но стили при hotreload всё равно валятся

а как именно валятся? получается unstyled component?

по поводу того, что в тэге пусто - можно в дев-режиме их распечатать в элемент

а как именно валятся? получается unstyled component?

нет после hotreload таблица стилей пустая для конкретного класса

по поводу того, что в тэге пусто - можно в дев-режиме их распечатать в элемент

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

нет после hotreload таблица стилей пустая для конкретного класса

ну у styletron аналогично, стили "виртуальные")

по поводу того, что в тэге пусто - можно в дев-режиме их распечатать в элемент

так где хранятся стили-то? как посмотрить их в <style> тэге? чтобы увидеть mediaзапросы, какие-то доп стили

ну у styletron аналогично, стили "виртуальные")

там получается так, что и компонент не стилизуется

а то, что тема должна быть plainObject изменится?

что ты имеешь ввиду?

что ты имеешь ввиду?

https://github.com/iamstarkov/theming/blob/298701d7b42457237b48637d9d8dd4a64492e7cb/src/create-theme-provider.js#L76

нет после hotreload таблица стилей пустая для конкретного класса

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

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

компонент не стилизованный

компонент не стилизованный

спасибо, попробую воспроизвести)

https://github.com/iamstarkov/theming/blob/298701d7b42457237b48637d9d8dd4a64492e7cb/src/create-theme-provider.js#L76

он будет объектом, да, но тебе же никто не мешает туда функции запихивать

спасибо, попробую воспроизвести)

вебпакбин не помог?

он будет объектом, да, но тебе же никто не мешает туда функции запихивать

глубокий объект нельзя?

вебпакбин не помог?

на нем у меня все ок и с релоадом тоже

на нем у меня все ок и с релоадом тоже

и у меня тож

глубокий объект нельзя?

я тебя не понимаю

почему нельзя то

я тебя не понимаю

у тебя ж там isPlainObject

а блин

plain с shallow перепутал

у тебя ж там isPlainObject

и что? https://github.com/jonschlinkert/is-plain-object/blob/master/index.js

забаньте чувака

узбеки

и TM тоже

ERROR: S client not available

чот их много

узбеки

мудаки, а не узбеки

??

+1

Соо

Стало гораздо лучше

Стало гораздо лучше

Ста гор луч

женя

кикни tm

а

этот пидор бота инвайтнул и ливнул

что за узбеки?

а, вижу

Как веган

Хм...

https://www.npmjs.com/package/babel-plugin-css-in-js тупая фигня

уничтожает смысл юзать css-in-js

парни, понимаю что офтоп

а никто не знает нормального формфиллера для хрома?

я уже заколебался в десятый раз визард заполнять на 6 шагов

https://www.npmjs.com/package/babel-plugin-css-in-js тупая фигня

в glam похожая идея но с css-var для динамических стилей

@iamstarkov в jss/react-jss нельзя в '&:hover' вложить динамическое свойство?

@iamstarkov в jss/react-jss нельзя в '&:hover' вложить динамическое свойство?

я не пробовал, но пропсами же можно наверно положить в компонент. В чем проблема?

я не пробовал, но пропсами же можно наверно положить в компонент. В чем проблема?

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

Чем просто это отличается от обычных стилей?

https://github.com/A-gambit/CSS-IN-JS-Benchmarks/blob/master/packages/benchmarks/react-jss/client/Table.js#L14-L20

@iamstarkov в jss/react-jss нельзя в '&:hover' вложить динамическое свойство?

можно вроде

если нет, то это баг

если нет, то это баг

+1