
Yakov
21.09.2017
13:40:24
что бы переопределять

Таймураз
21.09.2017
13:40:36

Yakov
21.09.2017
13:40:59
по некоторым требованиям нужно уметь переопределять из листов стилей
короче по старинке шоб

Google

Сергей
21.09.2017
13:41:08

Yakov
21.09.2017
13:41:23
в нашем случае это нужно уметь
переопределять

Таймураз
21.09.2017
13:41:32
Либо можно скомбинировать инструменты, но это немного усложнит работу со стилями

Сергей
21.09.2017
13:42:17
я считаю работу с css-классами в реакте устаревшим способ управлять внешним видом компонентов

Yakov
21.09.2017
13:42:32
Ну к примеру приложение должно иметь предсказуемые и понятные имена, что бы пользователи могли задавать тему самостоятельно переопределяя стили для правил. такой у нас юзкейс

Irina
21.09.2017
13:42:46

Таймураз
21.09.2017
13:42:51
Грубо говоря, ты можешь перед инициацией приложения определить набор стилей, от которых нужно отталкиваться (цвета основные, акцентирующие и тд)
Приложение при инициализировании компонентов закеширует внутрь каждого уже готовые стили

Ҫѐҏӗѫӑ
21.09.2017
13:43:10
а нужно делать приложения, в которых на конструирования стилей в рантайме пофиг
иначе этот дзен не постичь
лол

Сергей
21.09.2017
13:43:59
а как нужно?
нужно чтобы эту работу делал инструмент
styled-jss, styled-components, emotion

Google

Max
21.09.2017
13:44:17
инкапсулировать стили надо просто как-то

Таймураз
21.09.2017
13:44:23

Max
21.09.2017
13:44:43
чтобы потом когда на какой react-native переехал не пришлось переписывать всю логику к хуям

Ҫѐҏӗѫӑ
21.09.2017
13:44:48
стайлд компонентс - это для апп, в которых вся асинхронность только от пользовательского взаимодействия

Сергей
21.09.2017
13:44:49
здесь код такой красивый, я перестаю дышать прям
говнокод на минимум, чтобы не мешать

Ҫѐҏӗѫӑ
21.09.2017
13:44:50
aka сайтики

Сергей
21.09.2017
13:45:15

Max
21.09.2017
13:45:28
если вместо <Button type=“success”> <a style={{color: ‘green’}}>

Yakov
21.09.2017
13:45:37

Сергей
21.09.2017
13:45:40

Yakov
21.09.2017
13:45:46
но оно все же несколько будет не такое гибкое

Таймураз
21.09.2017
13:45:48

Ҫѐҏӗѫӑ
21.09.2017
13:46:03
с того, что в реалтайме стайл компонентс ботлнек

from
21.09.2017
13:46:33
можно конечно через препак теоретически пропускать

Сергей
21.09.2017
13:46:45

from
21.09.2017
13:46:54
но тогда вообще динамика в рантайме пропадёт, и смысл по сути теряется, только синтаксис кому-то удобнее

Ҫѐҏӗѫӑ
21.09.2017
13:46:56
нужно сделать rt аппу
и потом выпилить стайлд компоненты
все просто

Google

Таймураз
21.09.2017
13:47:21

Сергей
21.09.2017
13:47:26

from
21.09.2017
13:47:46

Ҫѐҏӗѫӑ
21.09.2017
13:48:06
и потом все равно переписать нормально

from
21.09.2017
13:48:17

Ҫѐҏӗѫӑ
21.09.2017
13:48:18
потому что кушать надо

Сергей
21.09.2017
13:48:48
так сколько раз тебе динамические стили нужны были?
Забавно. Как только начинается новый проект, я предлагаю SC, если они подходят
То люди сразу находят применение, дизайнеры прыгают от счастья, потому что множество фич можно легко и быстро реализовать на SC

Ҫѐҏӗѫӑ
21.09.2017
13:49:18
пруфы у Макса
что это медленно

Nikita
21.09.2017
13:49:20
У всех больших сервисов динамических стилей много ,SC в каждый дом

Ҫѐҏӗѫӑ
21.09.2017
13:49:25
автора стайлд компонент

andretshurotshka?❄️кде
21.09.2017
13:49:42

Ҫѐҏӗѫӑ
21.09.2017
13:49:43
причем в докладах его это тоже есть

Котяй Негодяй
21.09.2017
13:49:46

Ҫѐҏӗѫӑ
21.09.2017
13:49:46
в КАЖДОМ из

Сергей
21.09.2017
13:49:49

from
21.09.2017
13:49:57
конструкции типа <Container /> вместо <div className="Container" /> и <Heading /> вместо <h1 className="Heading" /> это очень даже хорошо
ничего не мешает в таком стиле писать без определения стилей в рантайме

Google

Ҫѐҏӗѫӑ
21.09.2017
13:50:20
рил ток
антихайп
синк эбаут ит

Сергей
21.09.2017
13:50:50
рил ток
че рил
без SC динамические стили превращаются в боль
особенно нормальная реализация тем
условные стили, тем более

Nikita
21.09.2017
13:50:52
Кастомизированные компоненты с SC делать проще

Ҫѐҏӗѫӑ
21.09.2017
13:51:07

from
21.09.2017
13:51:14

Сергей
21.09.2017
13:51:43

from
21.09.2017
13:51:44

Сергей
21.09.2017
13:52:24

Nikita
21.09.2017
13:52:47

Котяй Негодяй
21.09.2017
13:52:59

Nikita
21.09.2017
13:53:01
Ну не 30
А 10

Сергей
21.09.2017
13:53:15

Котяй Негодяй
21.09.2017
13:53:27
Лёль.

Сергей
21.09.2017
13:54:01
Покажи.
я вообще не знаю, что такое классы в SC
я оперирую одним объектом на уровне провайдера
<ThemeProvider theme={this.state.currentTheme}>
могу менять его как захочу
а в компонентах ровно ничего не меняется

Google

from
21.09.2017
13:54:27
> нормальная реализация тем
у blueprintjs для dark / light переключатеся ОДИН класс в body
скольким проектам надо хоть две темы?
Динамическая темизация это реально редкое требование.

Котяй Негодяй
21.09.2017
13:54:48

Ҫѐҏӗѫӑ
21.09.2017
13:54:49
ну зависит

Сергей
21.09.2017
13:54:49

Котяй Негодяй
21.09.2017
13:55:05
Ок
Но.

Ҫѐҏӗѫӑ
21.09.2017
13:55:09
у кого-то переключалка с розового на радужный - это и есть аппа
им sc ок

Nikita
21.09.2017
13:55:24

Сергей
21.09.2017
13:55:43

from
21.09.2017
13:56:01
почитай мое сообщение выше
ну я прочитал
я не вижу ответа на вопрос как часто это нужно
наверное также часто как командная строка в сайте, позволяющая пользователям js выполнять :)

Ҫѐҏӗѫӑ
21.09.2017
13:56:13

Сергей
21.09.2017
13:56:22
у меня был проект, в котором при открытии профиля компании, должен был меняться акцентный цвет на цвет бренда
вот КАК это реализовать на обычном css?

Ҫѐҏӗѫӑ
21.09.2017
13:56:41
ммм

from
21.09.2017
13:56:42
да легко

Ҫѐҏӗѫӑ
21.09.2017
13:56:46
как всю жизнь делали

from
21.09.2017
13:56:48
ну и плюс.... css properties

Сергей
21.09.2017
13:56:49

Stepan
21.09.2017
13:56:52
Изи катка так-то