setDisplayName

Не использовал ни разу)))

In line просто некрасиво и неудобно, ты сам сказал

@sergeysova спам

good thread about vanilla css vs css-in-js https://twitter.com/i/moments/861549552901468160

good thread about vanilla css vs css-in-js https://twitter.com/i/moments/861549552901468160

Телеграмм научился показывать Твиттер?

давно умеет

good thread about vanilla css vs css-in-js https://twitter.com/i/moments/861549552901468160

Закинул в свой канал

Вообще, после этого твитшторма я прямо проникся стайлед компонентс

Напомите, как назывался гибрид styled components и jss вроде.

Я и до этого присматривался, но щас прямо щелкнуло

Напомите, как назывался гибрид styled components и jss вроде.

styled-jss

Я и до этого присматривался, но щас прямо щелкнуло

да там минусов хватает я раньше топил за SC но ща поубавилось

Поч

Поч

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

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

лол

Ну это полная хрень.

всмысле?

Ну в смысле, не нужно.

Есть ишью?

Ну в смысле, не нужно.

что не нужно?

styled-components

Есть ишью?

это не решить так просто

Кстати, минутка бесплатной рекламы: в конце мая в Москве пройдёт React Moscow Meetup, сейчас мы ищем доклады. Я буду рассказывать почему я выбрал Реакт для обучения людей, а @vkozulya хочет про что-то другое. Если есть идея, оставляй заявку https://goo.gl/forms/JOJz6zURa8YFLDF23

styled-components

не это очень удобно, писать привычнее описывать сразу несколько свойств по условию + динамические свойства сразу пачкой

это не решить так просто

Да, понимаю

но у меня вот styled-jss не захотел нормально работать я пока экспериментирую с react-jss

Использую styled, разительно удобнее всех других вариантов работы с css

И не заметил, что стало медленнее

я не понял

как styled юзать в контексте компонентов

ну вот у меня компеонент состоит из трех дивов вложенных со стилями

для каждого делать компонент?

Делаешь 3 компонента

нахуй

:)

Ну это не сильвер буллет опять же

мне кажется не очень удобно

потому что если я вижу Button я знаю что это реакт компонент

а <div className={styles.myComponent}> это просто див со стилями

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

можно классы передавать?

т.е. как-то сделать стили для <button className=“btn btn-default”>

но у меня вот styled-jss не захотел нормально работать я пока экспериментирую с react-jss

А что думаешь про babel-plugin-css-in-js?

т.е. как-то сделать стили для <button className=“btn btn-default”>

const Foo = props => <button {...props} className={`btn ${props.className}`} /> const Bar = styled(Foo)` display: block; `

mkay

А что думаешь про babel-plugin-css-in-js?

не пробовал

посжу на css-modules

https://github.com/zeit/styled-jsx

вот еще интересная штука

https://github.com/MicheleBertoli/css-in-js да тут их капец много.

бенчмарки то смотрели? Для вас же старались https://github.com/A-gambit/CSS-IN-JS-Benchmarks

Напомите, как назывался гибрид styled components и jss вроде.

styled-jss

бенчмарки то смотрели? Для вас же старались https://github.com/A-gambit/CSS-IN-JS-Benchmarks

смотрели. и чо?

смотрели. и чо?

Ничего же, просто скинул в контексте обсуждения. Я то все равно стайлед-компонентс сейчас юзаю, хех

они медленные, но это неважно

Так и я тоже юзаю, все юзают... Он свое производительностью и вдохновил написать бенчмарки

Вообще нужно подождать когда все браузеры будут потдерживать css переменные и будет счастие

Вообще нужно подождать когда все браузеры будут потдерживать css переменные и будет счастие

Причём тут это

ERROR: S client not available

Вообще нужно подождать когда все браузеры будут потдерживать css переменные и будет счастие

не будет

Не нужно тогда будет вообще юзать все это

лол

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

Или для удобства будет какой-то один styled-* который внутрри будет юзать css-var

яснпонятно

И все будет производительно

Ну в хроме же уже есть

В сафари и фф не за горами

бл

переменные это хорошо

Вообще нужно подождать когда все браузеры будут потдерживать css переменные и будет счастие

Так они все поддерживают уже https://caniuse.com/#search=variable , только у эджа частичная поддержка.

но у меня вот styled-jss не захотел нормально работать я пока экспериментирую с react-jss

а что именно не заработало?

но покрывает от силы 20% юзкейсов

Если не меньше

Так они все поддерживают уже https://caniuse.com/#search=variable , только у эджа частичная поддержка.

Годик подождать, когда страое легаси выгорит, и можно юзать везде на проде

Вот в этом плае из css-in-js мне glam по душе

Там уже это все из-коробки и идея прикольная

Там уже это все из-коробки и идея прикольная

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

перменные в css-in-js можно сделать быстрыми и без цсс переменных

как в jss, например

а что именно не заработало?

Стили сбрасывались, динамические не работали

Стили сбрасывались, динамические не работали

а можно кейс, пожалуйста? оформим ишью

короче styled-jss не работае

Вот тут

короче styled-jss не работае

короче styled-jss не работае

А почему? Пили подробности)

https://gist.github.com/LestaD/55d26d6aa9bab80954b4b851727d24be

во первых стили применились но отсутствуют в head > style