
from
21.09.2017
13:57:02
css properties убьют css-in-js инфа 100%

Сергей
21.09.2017
13:57:02

Ҫѐҏӗѫӑ
21.09.2017
13:57:18

Google

from
21.09.2017
13:57:20
всем смотреть доклад lea verou

Ҫѐҏӗѫӑ
21.09.2017
13:57:35
хорошо б весь цсс сдох конечно

from
21.09.2017
13:57:37
ща линк даже дам

Сергей
21.09.2017
13:57:37
да и css-in-js это не только темы
это ещё и уникальные классы

Sergey
21.09.2017
13:58:11

from
21.09.2017
13:58:18
https://www.youtube.com/watch?v=2an6-WVPuJU
самое интересное с середины

Сергей
21.09.2017
13:58:20
а вы тут видимо любители классов
.system-module_name_component_name-modification_variant

Stepan
21.09.2017
13:58:34

Nikita
21.09.2017
13:59:08

Котяй Негодяй
21.09.2017
13:59:11
ОБЪЕКТ
У тебя есть компонент инпут.
Вот комбинаторика вариантов представления, помноженная на количество суб-компонентов:
/input(Dsabled)?Mod(Main|Login|Feedback)(Root|Icon|Input|Button|Label)/

Stepan
21.09.2017
13:59:13

Сергей
21.09.2017
13:59:34

Google

from
21.09.2017
14:00:21

Котяй Негодяй
21.09.2017
14:00:32

Сергей
21.09.2017
14:00:47
не надо херачить все в одном компоненте
следуй @AtomicDesign
всё упрощается до невозможности

Stepan
21.09.2017
14:01:47
Мне и на css-modules вполне всё просто

Nikita
21.09.2017
14:01:51
А что если я использую cssmodules и SC, то мне куда ?

Stepan
21.09.2017
14:01:52
Хз, мб проекты такие

Nikita
21.09.2017
14:02:08
Но SC лучше ,имхо

Котяй Негодяй
21.09.2017
14:02:25
к чему это
...
Input: {
input: { ...style }
inputDsabled: { ...style }
inputDsabledModLogin: { ...style }
inputModLoginLabel: { ...style }
inputDsabledModLoginLabel: { ...style }
...

Сергей
21.09.2017
14:02:32

Dmitry
21.09.2017
14:02:44
кстати насчет styled components.
Есть у меня в less стилях логика адаптивного layout. Меняется не многое , но в разных компонентах. Мне на каждый вариант layout достаточно написать один файл , где иерархически описаны все изменения.
Если я перенесу стили в js, получится что всю эту layout-логику расп*дорасит на кучу мелких кусочков. По куску style на компонент.

Сергей
21.09.2017
14:02:45

Котяй Негодяй
21.09.2017
14:02:46

Stepan
21.09.2017
14:03:02

Сергей
21.09.2017
14:03:13

Котяй Негодяй
21.09.2017
14:03:23

Сергей
21.09.2017
14:03:29

Stepan
21.09.2017
14:03:32

Котяй Негодяй
21.09.2017
14:03:34

Google

Сергей
21.09.2017
14:03:41

illiatshurotshka❄️
21.09.2017
14:03:43
glamorous топ

Ҫѐҏӗѫӑ
21.09.2017
14:04:07
валить надо с фронтенда. ничего не меняется, все по кругу, только терминология новая каждый раз. и это все такие срачи вызывает, как-будто прямо новая и сложная технология, как-будто там есть что обсуждать

Котяй Негодяй
21.09.2017
14:04:24
и в чем проблема?
В том же, что темизация предполагает введение упорядоченной структуры и стандартизирующей абстракции, алгоритм работы которой заранее предсказуем.

Valery
21.09.2017
14:04:33
куда валить то?

Sergey
21.09.2017
14:04:33

Default
21.09.2017
14:04:46

Ҫѐҏӗѫӑ
21.09.2017
14:04:49

Sergey
21.09.2017
14:04:53
Да только вот проблема в том, что web это одна из самых перспективных штук
Иэх

Котяй Негодяй
21.09.2017
14:05:00
и что?
И то, что тебе потребуется понятие, похожее на классы.

Сергей
21.09.2017
14:05:12
ты описываешь не то, как должен выглядеть каждый компонент в теме (хотя подобное я тоже делал)
А ключевые переменные для ВСЕХ компонентов разом
и темы легко реализуются css-variables, да

Sergey
21.09.2017
14:05:13
Да только вначале был пиздец, поэтому купаемся в cssсах

Сергей
21.09.2017
14:05:18

Котяй Негодяй
21.09.2017
14:05:22
SC не избавляет тебя от этого.

illiatshurotshka❄️
21.09.2017
14:05:28

Сергей
21.09.2017
14:05:34

Котяй Негодяй
21.09.2017
14:05:48
Она просто позволяет тебе не ебать мозг в классами физически.

Valery
21.09.2017
14:05:49

Google

from
21.09.2017
14:05:53
@bigslycat ты не прав, SC это очень удобно, если правильно ими пользоваться

Котяй Негодяй
21.09.2017
14:05:54

from
21.09.2017
14:06:21
если я правильно понял

Котяй Негодяй
21.09.2017
14:06:41

from
21.09.2017
14:06:42
на мой взгляд просто в рантайм тащить всё подряд не нужно

Ҫѐҏӗѫӑ
21.09.2017
14:07:04
либо надо, чтобы сама платформа умела хорошо в рантайм

Котяй Негодяй
21.09.2017
14:07:06

from
21.09.2017
14:07:33
¯\_(ツ)_/¯ должно быть не пофиг )

Котяй Негодяй
21.09.2017
14:07:44
css-in-js не тормозит итак. Мне кажется, здесь вообще нет смысла это обсуждать.

Ҫѐҏӗѫӑ
21.09.2017
14:07:59
> css-in-js не тормозит
ммм

illiatshurotshka❄️
21.09.2017
14:08:00
вот когда rust на wasm заработает то можно будет по-человечески стили писать

Котяй Негодяй
21.09.2017
14:08:04
Когда будет обратный кейс, тогда и...

Default
21.09.2017
14:08:16

Ҫѐҏӗѫӑ
21.09.2017
14:08:20

illiatshurotshka❄️
21.09.2017
14:08:36
А еще нет?
ну работает но еще много работы нужно вроде

Dmitry
21.09.2017
14:08:41
еще в копилку минусов css-in-js , отсутствие какого-то стандарта. Десятка два проектов с кучей звезд и каждый по-разному делает по сути одну задачу

Default
21.09.2017
14:08:44
Кстати, а какая вариация на тему css-in-js была самой первой?

Google

Котяй Негодяй
21.09.2017
14:08:52

Nikita
21.09.2017
14:08:53

Ҫѐҏӗѫӑ
21.09.2017
14:08:56
уже норм в принципе
тулчейн так се

illiatshurotshka❄️
21.09.2017
14:09:19
?

Ҫѐҏӗѫӑ
21.09.2017
14:09:22
а так эмскриптен все сам заворачивает и ок

illiatshurotshka❄️
21.09.2017
14:09:31
есть где почитать как с dom работать

Ҫѐҏӗѫӑ
21.09.2017
14:09:42
с дом эмскриптен сделает все
вазм еще не умеет
эмскриптен сгенерит враппер на жс

Default
21.09.2017
14:10:14
Инлайновыми, канеш, но всё-таки

Ҫѐҏӗѫӑ
21.09.2017
14:10:35
это и до бекбона делали

illiatshurotshka❄️
21.09.2017
14:10:48
для работы с dom

Default
21.09.2017
14:10:56

illiatshurotshka❄️
21.09.2017
14:10:59
это мне и интересно

Ҫѐҏӗѫӑ
21.09.2017
14:11:04

Default
21.09.2017
14:11:13

Ҫѐҏӗѫӑ
21.09.2017
14:11:24
quazar <- реактлайк
как-то так называется