чтобы сервер не настраивать?

мне проще сервер настроить)

В свете того, как styled-components начали хайпиться, надо бы!

нравится больше чем jss?

В свете того, как styled-components начали хайпиться, надо бы!

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

Единственное чего не хватает jss это инициализации по пропам, но это не на долго, Олег уже выкатил превью этого функционала

Единственное чего не хватает jss это инициализации по пропам, но это не на долго, Олег уже выкатил превью этого функционала

О, а где можно посмотреть?

https://github.com/cssinjs/jss/issues/356#issuecomment-279438410

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

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

Единственное чего не хватает jss это инициализации по пропам, но это не на долго, Олег уже выкатил превью этого функционала

Верно, скоро будет

Раз это будет, я вижу для себя смысл снова посмотреть на jss

Единственное чего не хватает jss это инициализации по пропам, но это не на долго, Олег уже выкатил превью этого функционала

Лайк - шеир - респект :)

> implementation wise, styled-components concats strings and hands off to postcss, while glamor constructs an AST and manipulates. https://twitter.com/threepointone/status/798477726784983043

Парни, может кто подготовит доклад на тему JSS vs styled-components vs glamor на React Moscow?

https://goo.gl/forms/hGbuCn35JpetxFt73

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

Мне не нравится дополнительная зависимость:

У SC ещё интересно вполне темы реализованы - один в один как Redux: https://github.com/styled-components/styled-components/blob/master/docs/theming.md

Парни, может кто подготовит доклад на тему JSS vs styled-components vs glamor на React Moscow?

Закопать бы их всех строго по очереди.

Ну а "темы" в sc ломают половину тестов, так как начинают требовать themeprovider

Так и Redux-приложения требуют провайдер)

Какие объективные недостатки есть у SC и JSS относительно друг друга?

Был один. Стало два. Точнее три, так как и чистый react компонент теперь грязный.

Какие объективные недостатки есть у SC и JSS относительно друг друга?

Тупят. Нет оператора delete, стили добавляют бесконечно. Нет поддержки CSP от слова совсем. И так далее.

Те это сырые не особо доделанные решения. Но других нет.

Тупят. Нет оператора delete, стили добавляют бесконечно. Нет поддержки CSP от слова совсем. И так далее.

CSP?

Те это сырые не особо доделанные решения. Но других нет.

JSS используется в проде - https://chatgrape.com/

CSP?

Content security policy.

JSS используется в проде - https://chatgrape.com/

Мы SC в проде используем. Это не значит что придраться не к чему.

Content security policy.

Вот как раз читаю https://github.com/styled-components/styled-components/blob/master/docs/security.md

Те styled сейчас одно из лучших решений, но оно ооочень далеко от идеала.

Вроде как CS медленные.

Сейчас бы переехали на JSS?

Вроде как CS медленные.

Я им написал как чинить, https://github.com/styled-components/styled-components/issues/452, и был таков. Реакции только нет никакой.

Лично мне скорость сейчас не нужна.

А как там насчёт SSR? Генерация critical CSS и работа без JS на клиентской стороне?

Я пока вижу у SC плюс в виде сильного хайпа и интереса со стороны коммьюнити

А как там насчёт SSR? Генерация critical CSS и работа без JS на клиентской стороне?

С этим не так прозрачно, но есть. Статический CSS собрать можно, но сложно.

Т.е. нельзя как с JSS на лету собрать кусок CSS под конкретный сет компонентов?

А как насчёт react-hot-loader?

Мне тут наши ребята подкинули ссылку сейчас https://m.alphasights.com/css-evolution-from-css-sass-bem-css-modules-to-styled-components-d4c1da3a659b#.5dy27fdfp

http://reazyframework.io/

А как там насчёт SSR? Генерация critical CSS и работа без JS на клиентской стороне?

Jss: ssr ok, critical CSS ok, wo/ js ok

Ну а "темы" в sc ломают половину тестов, так как начинают требовать themeprovider

В jss тесты пишутся хорошо

С react-jss

И тестируешь компонент до injectStyles

Какие сильные стороны есть у CS, которые бы хотелось в JSS?

Какие сильные стороны есть у CS, которые бы хотелось в JSS?

Вот то ишью

Как по мне styled-components вносят лишнюю абстракцию

Мне вот тоже не нравится

Плюс к тому же у них х2 добавляется к дереву

Если учитываем, что каждый компонент будет иметь стили

Кто-нибудь со знанием устройства реакта сможет технически вычитать статью?

Можешь ссылку запостить и мини-группу создать)

И тестируешь компонент до injectStyles

А есть пример в доках? Или гист?

А кто ещё использует JSS или styled-components?

Похоже у styled-components есть привязка только к props, тогда как в жизни стили могут быть завязаны на this.state

styled-components и css-in-js работает и на сервере спокойно

Как они на сервере работают?

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

Как они на сервере работают?

Через провайдер примерно как react-helmet

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

Вот это боль, кстати

Мм?

Каскадирование стилей - это боль. Ты можешь сделать всё правильно. Но кто-нибудь на верхнем уродвне пропишет body { font-size: 100px; } и всё

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

Есть какие то неудобства ?

Есть какие то неудобства ?

основные неудобства связаны с дев тулзами. для постпроцессоров линтеры и подсветка синтаксиса работают куда лучше

синтаксис иногда несколько странный.

скобочки всякие внутри css непривычные.

ERROR: S client not available

Но тут хотя бы автокомплит для стилей работает да

CSS modules это единственное решение которое не роняет производительность

styled-components это какая-то неудачная попытка. Тонна оверхэда, примеры только с простыми компонентам, если что-то сложное делать то это ад

насколько сильно роняется производительность вопрос?

styled-components это какая-то неудачная попытка. Тонна оверхэда, примеры только с простыми компонентам, если что-то сложное делать то это ад

Хоть в день рождения отдохнул! :) Но ок, если хочется, то что скажешь насчёт JSS? Вроде просадки почти нет. Только момент компиляции CSS, которую вполне можно вынести за пределы регулярных запросов.

Хоть в день рождения отдохнул! :) Но ок, если хочется, то что скажешь насчёт JSS? Вроде просадки почти нет. Только момент компиляции CSS, которую вполне можно вынести за пределы регулярных запросов.

Автор этой либы говорит, что virtual cssom (по аналогии с virtual dom) — быстрее всех конкурентов вместе взятых) https://github.com/rtsao/styletron

Но он что-то в хайп не умеет

Без этого навыка во фронте в 2017 делать нечего ?

Да, JSS лучше, но он тоже добавляет логику на динамический инджект стилей во время маунта/анмаунта и тд. И я просто смысла в нем почему-то не вижу по сравнению с css)

Автор этой либы говорит, что virtual cssom (по аналогии с virtual dom) — быстрее всех конкурентов вместе взятых) https://github.com/rtsao/styletron

Да, styletron норм, но как там пишет автор The actual core Styletron module is extremely low-level, which makes it highly adaptable to many different CSS-in-JS interfaces but is rather unwieldy to use directly. И никаких новостей с тех пор не было. Написал кто-то удобную обертку дла реакта?

А, вижу

Но что-то в стиле style-components опять же

у jss есть серьезный плюс(для меня) в том, что оно используется в следующей версии material-ui, который я довольно активно использую.

Но что-то в стиле style-components опять же

Ну да ?

по этой причине я думаю следующий проект на нем делать

Каскадирование стилей - это боль. Ты можешь сделать всё правильно. Но кто-нибудь на верхнем уродвне пропишет body { font-size: 100px; } и всё

#component#component#component { all: initial; }

Да, JSS лучше, но он тоже добавляет логику на динамический инджект стилей во время маунта/анмаунта и тд. И я просто смысла в нем почему-то не вижу по сравнению с css)

ну как. смысл в том, что контроля больше. возможность менять стили на лету. вон там выше кидали ссылку на будущую фичу в jss для зависимости стиля от пропсов удобным способом.

Внимание! Ссылка: https://github.com/cssinjs/jss/issues/356#issuecomment-279438410

Да, JSS лучше, но он тоже добавляет логику на динамический инджект стилей во время маунта/анмаунта и тд. И я просто смысла в нем почему-то не вижу по сравнению с css)

1. Генерация Critical CSS при SSR 2. Шаринг стилей с React Native 3. Кастомизация стилей в зависимости от настроек (цвета / шрифт / пр) 4. Отсутствие необходимости юзать webpack на сервере Продолжать? :)

#component#component#component { all: initial; }

Оно прямо везде поддерживается?

Даже jss-isolate из-за этого же сделали

Оно прямо везде поддерживается?

прости, что поддерживается? селектор с айди?

Оно прямо везде поддерживается?

аллинишиал поддерживается везде кроме айи

ноя сделал фикс

Да, я про инишал)

https://github.com/iamstarkov/jss-expand-all-initial/blob/master/index.js

пакет потом переименую, но не суть

> Генерация Critical CSS при SSR Это круто, хотя я почему-то думаю что генерировать Critical path для css на каждом рендере на реально сложных страницах затратнее и дольше чему отдать юзеру целый чанк css для текущей страницы

аллинишиал поддерживается везде кроме айи

https://developer.mozilla.org/en/docs/Web/CSS/all

Там вот так пишет

как я сказал везде кроме IE