
Sviatoslav
02.08.2018
09:08:55
нет
он не срабатывает
я записываю данные в конструкторе

Timofey
02.08.2018
09:09:09
Кто юзал normalizer, вы прогоняли данные перед тем как запихнуть их store или в селекторе перед тем как прокинуть их в компонент?

Google

Roman
02.08.2018
09:09:15
новый фреймворк подъехал от убер
https://fusionjs.com/
hi it uber developer our framework is outside

Dimanius851
02.08.2018
09:10:42

Mark
02.08.2018
09:10:49
Нашел, они скрипт подпилили внутри item.ejs
Получается:
Рендерится страница, с того левого скрипта данные в документ, потом в преакте данные из документа в стор ????

Sviatoslav
02.08.2018
09:11:38
В компонент передается currentData когда таба меняется и изначально туда записываются данные с базы данных, при изменении таба данные перезаписываются, firstData нужен для того чтобы фильтровать данные в зависимости от таба

Timofey
02.08.2018
09:12:05

Andrew
02.08.2018
09:12:07
cложно так по картинке. надо пологировать.

Mark
02.08.2018
09:12:35

Timofey
02.08.2018
09:13:10

Mark
02.08.2018
09:13:15
item.ejs
<script type="text/javascript">
document.productData = <%-product%>;
document.items = <%-items%>;
document.category = <%-category%>;
document.page_info = <%-page_info%>;
</script>

Timofey
02.08.2018
09:14:08
const store = createStore();
store.dispatch(initialize());
что-то такое и в initialize уже производить необходимые действия для получения данных.
зачем привязываться к willMount

Google

Sviatoslav
02.08.2018
09:14:56
данные при загрузке все есть в currentData

Andrew
02.08.2018
09:15:21
тогда в чем проблема то?)

Sviatoslav
02.08.2018
09:15:22
но в компонент они не присваиваются
только при изменении таба

Andrew
02.08.2018
09:15:52
ну.. попробуй расширение реактовское поставить и посмотреть в какой момент что в пропсах

Sviatoslav
02.08.2018
09:15:53
при вызове метода changeTab
стоит))))

Andrew
02.08.2018
09:16:10
я все еще думаю, что когда ты передаешь пропсы, ты в тренарнике что-то не то передаешь

Sviatoslav
02.08.2018
09:16:33
тренарнике ?

Andrew
02.08.2018
09:16:39
*тернарнике
<TabContent data={(condition ? data1 : data2)} вот тут.

Sviatoslav
02.08.2018
09:18:44
http://prntscr.com/kdqeg2

Andrew
02.08.2018
09:18:48
но вообще конечно странное решение. надо бы иметь в стейте всегда актуальные данные в определенном свойстве. а ими манипулировать. а в рендере не смотреть ни на какие activeTab

Sviatoslav
02.08.2018
09:19:15
http://prntscr.com/kdqerd

Igor
02.08.2018
09:19:24

Andrew
02.08.2018
09:19:28
ну. а у тебя написано this.htmlData, если activeIndex == 0

Sergey
02.08.2018
09:20:15
у меня сейчас в редьюсере такая же шляпа)
можно редьюсер раздробить на мелкие части

Sviatoslav
02.08.2018
09:20:50
http://prntscr.com/kdqfja

Google

Igor
02.08.2018
09:20:54

Sergey
02.08.2018
09:21:00
если конечно это у тебя в нем

Igor
02.08.2018
09:21:03
но не помню какая)

Andrew
02.08.2018
09:21:06

Sviatoslav
02.08.2018
09:21:12
думал может чтото не то делаю
уже сутки долбаюсь просто
можно нужно както ререндерить компонент TabContent
?

Andrew
02.08.2018
09:22:37
http://prntscr.com/kdqfja
короче. сделай так, чтобы тернарника не было. т.е. data={this.state.currentData}
а в конструкторе наполняй this.state.currentData нулевым там элементом или как там у тебя. в общем чтобы однозначно было. фильтрацию можно вынести в отдельную функци и передавать туда индекс. onTabChange будешь дергать ее с нужным индексом, и в конструкторе тоже вызови.
просто у тебя щас там очень messy. нужно передавать одно и тоже. а в зависимости от ситуации уже наполнять стейт как тебе нужно. при загрузке нулевым, при переходе, тем что спросили
ну и по логировать надо по-другому. у тебя уже глаз замылился. а так по скриншоту колстек не посмотришь

Mark
02.08.2018
09:24:08
Можете это объяснить?
!!Object.keys(data).length

Sviatoslav
02.08.2018
09:24:14
я уже пробовал заполнято нулем

Mark
02.08.2018
09:24:15
Окей, я понимаю !
Зачем !!?

Sviatoslav
02.08.2018
09:24:26
и менять при изменении таба

Roman
02.08.2018
09:24:28

Andrew
02.08.2018
09:24:31

Roman
02.08.2018
09:24:32
когда так пишут

Google

Sviatoslav
02.08.2018
09:24:32
все с табами работает

Roman
02.08.2018
09:24:35
хочется по ебалу дать
Boolean надо писать

Default
02.08.2018
09:24:53
Прекратите столбиком херачить

Mark
02.08.2018
09:25:07
Да но ведь любое число больше 0 уже будет true

Igor
02.08.2018
09:25:13

Andrew
02.08.2018
09:25:27

Mark
02.08.2018
09:26:12

Admin
ERROR: S client not available

Andrew
02.08.2018
09:26:34
бывает.

Ilya
02.08.2018
09:39:03
Привет всем! Подскажите был компонент который типа themer чтобы настройки отображения передавать в компоненты и задавать в одном месте(ThemeProvider)
Что нашел - вообще звезд нет

Max
02.08.2018
09:39:37
react context
там прямо первый пример про темы

Eugen
02.08.2018
09:40:20
Ребята, привет всем, вопрос возможно не в эту группу, но все же те кто знают уверен ответят быстро ) как на флексах расставить элементы по краем родительского блока. Два элемента. Justify-content не помогает, потому что не совсем по краем расставляет если два элемента

Max
02.08.2018
09:40:34

Ilya
02.08.2018
09:40:35
что-то @sergeysova кидал на гитхабе там еще декоратор был типа @themer


Сергей
02.08.2018
09:40:50
Еще вопрос по Atomic, есть пример - блок, внутри блока текст и кнопка, по сути обертку блока можно использовать много-много раз и не обязательно, чтобы внутри именно был текст и кнопка, например, нужно будет две кнопки, но пример выглядит так:
<Block title="Atom" button="Learn more">
<p>
An atom is the smallest constituent unit of ordinary matter that has the properties of a
chemical element. Every solid, liquid, gas, and plasma is composed of neutral or ionized
atoms. Atoms are very small; typical sizes are around 100 picometers (a ten-billionth of a
meter, in the short scale).
</p>
</Block>Хорошая-ли практика передавать просто текст для кнопки внутрь молекулы или все-же лучше молекулу создавать как обертку, внутрь которой помещаются атомы средствами props.children?
Ведь так-же как был передан параграф, можно передать и кнопку и три кнопки и икону бога матери
@atomicdesign


Ilya
02.08.2018
09:41:20
хотя такое есть в коробке у emotion

Google

Konstantin
02.08.2018
09:47:19

voix
02.08.2018
09:50:52

Eugen
02.08.2018
09:51:24
вот как он вырванивает

Roman
02.08.2018
09:57:33

Eugen
02.08.2018
09:58:47

voix
02.08.2018
09:59:07
Значит, ширина задана второму элементу.

Roman
02.08.2018
09:59:48

voix
02.08.2018
09:59:55
Посмотри в инспекторе что мешает

Artem
02.08.2018
10:05:31
Всем привет, есть вопрос по поводу CSS in JS в лице StyledComponents
Вопрос собственно в оптимизации такого подхода... css код парсится js кодом в браузере и за счет чего мы тратим процессорное время. Допустим у нас есть 3000 строк css кода на итоге и поечему вместо того, чтобы подключить это одним файлом собрав со всего проекта стили, мы пользуемся SC?
Может быть для браузера парсить css из js не так затратно как я думаю? или может быть на самом деле никто ничего не парсит?
Помогите пожалуйста разобраться в вопросе... я сам за SC подход, однако у нас в проекте, есть человек, помешанный на оптимизации и на его вопрос об этом у меня нет пока компетенции ответить

Cenator
02.08.2018
10:07:04

Mark
02.08.2018
10:07:57
Что лучше всего юзать для анимаций? Таких чтобы все бабы на селе потекли

Max
02.08.2018
10:08:18
Maya
After Effects норм

Artem
02.08.2018
10:08:39

Mark
02.08.2018
10:08:39
Для реакта же, ну чё вы

Maksim
02.08.2018
10:08:55

Andrey
02.08.2018
10:08:57

Artem
02.08.2018
10:08:59

Mark
02.08.2018
10:09:16
Один совет лучше другого ?