These are chat archives for dev-ua/reactjs

4th
Aug 2015
Yuri Tkachenko
@tyv
Aug 04 2015 07:38
сейчас кто-то выскажется про рефлюкс
Illia Seheda
@ALF-er
Aug 04 2015 08:05
почему? О.о (ну как бы всё возможно, но я связь не уловил)
Yuri Tkachenko
@tyv
Aug 04 2015 08:35
традиции
Valentine Nesterov
@wild-valcom
Aug 04 2015 09:59
setState приводит к перерисовки компонента, а что если будет несколько setState подряд? они ставятся в очередь и после каждого вызова этой функции происходит перепостроение виртуального дерева?
Nikita Gusakov
@nkt
Aug 04 2015 10:02
@wild-valcom а ты проверь;) setState вторым аргументом принимает колбэк
Valentine Nesterov
@wild-valcom
Aug 04 2015 10:03
@nkt ok
Ivan Kurnosov
@zerkms
Aug 04 2015 10:07
можно было просто брейк в рендер добавить же
что-то я не могу объяснить почему так происходит. 9 раз выводит {i:9}
а, понятно. 1 раз рендрит, просто колбэк 10 раз вызывается.
Artyom Trityak
@artyomtrityak
Aug 04 2015 10:18
Кто-то пользовался https://facebook.github.io/fixed-data-table/ ?
Ivan Kurnosov
@zerkms
Aug 04 2015 10:32
@artyomtrityak какое-то оно глючное даже на собственных демках https://facebook.github.io/fixed-data-table/example-object-data.html
в фф если дотянуть до середины пустой грид, в хроме чуток дальше, примерно на 3/4
Artyom Trityak
@artyomtrityak
Aug 04 2015 10:43
ясн ок
Ivan Kurnosov
@zerkms
Aug 04 2015 10:44
а у кого-то кроме меня баг (?) повторяется?
Artem Riasnianskyi
@asci
Aug 04 2015 10:46
@zerkms да
Ivan Kurnosov
@zerkms
Aug 04 2015 10:47
Мы на работе присматриваемся к разным, и, думается, попробуем с такого вот грида начать http://zippyui.com/react-datagrid/#/examples/basic
он страшноватый, но вроде как умеет почти всё, что должен уметь грид
Oleg Kislitsyn
@olegafx
Aug 04 2015 11:46
@zerkms у меня нет такого бага в Chrome
Ivan Kurnosov
@zerkms
Aug 04 2015 11:46
Т.е. если на https://facebook.github.io/fixed-data-table/example-object-data.html дотянуть до самого низа будет всё ок?
у меня вот так выглядит та часть, после которой перестаёт рендериться и пустота
Roman Morozov
@sublimeye
Aug 04 2015 12:17
Какой подход работы со стилями для react компонентов вы бы выбрали для нового проекта? Чтоб стили лежали вместе с компонентами и возможно подключались как js-объекты.
только бы а. возможно переписал бы сборку на вебпак и б. не подклчал бы css в js никогда
Oleg Kislitsyn
@olegafx
Aug 04 2015 12:33
@zerkms а, есть бага, да. не там смотрел
Evgen Filatov
@wtfil
Aug 04 2015 15:25
@tyv CommonJS победил. Если юзать другие модульные системы то никто не будет пользоваться, потому-что все либы/аддоны написанны в CommonJS, ставятся через npm и собираются через браузерифай или вебпак
Andrii Shumada
@eagleeye
Aug 04 2015 15:27
@tyv тримати сорси зовнішніх ліб різних версій в власному модулі.. ну.. ем.. ну геть геть погано
https://github.com/tyv/bem-react-reflux/blob/master/react-tools.blocks/react-with-addons/react-with-addons.js - в мене челюсть відвисла як я це побачив
Eldar Djafarov
@edjafarov
Aug 04 2015 15:47
@wtfil #коммонжсвсехпереиграл
но вроде Артем за риквайржс всеще
а ангуляр несильно совместим с коммонжс
хотя в 2 же вроде они ес6 будут юзать
Alexey Raspopov
@alexeyraspopov
Aug 04 2015 16:36
@tyv и рефлакс это ты зря
кто-то должен был это сказать
Artyom Trityak
@artyomtrityak
Aug 04 2015 17:41
@edjafarov старый проект на requirejs, все новые на вебпаке + коммонжс
Eldar Djafarov
@edjafarov
Aug 04 2015 18:17
Если Тема говорит вебпак, значит вебпак
Nikita Gusakov
@nkt
Aug 04 2015 19:12
Народ, а кто-то использует redux уже?
Roman Pominov
@rpominov
Aug 04 2015 19:13
йеп
Oleg Kislitsyn
@olegafx
Aug 04 2015 19:15
я всё как-то не решался, но после https://github.com/happypoulp/redux-tutorial не могу удержаться :smile:
Uladzimir Havenchyk
@havenchyk
Aug 04 2015 19:21
а redux что-то принципиально новое предлагает? откуда у него популярность по сравнению с flux/reflux? расскажите для несведущих
Uladzimir Havenchyk
@havenchyk
Aug 04 2015 19:31
спасибо. ого, Дэн даже книжку написал :)
@rpominov а до этого что читать? оф документацию facebook? :)
Roman Pominov
@rpominov
Aug 04 2015 19:33
не оч. понял вопрос :)
Nikita Gusakov
@nkt
Aug 04 2015 19:40
Я просто тоже видео посмотрел. Мне очень понравилось, как это все выглядит, концептуально. Но смотрю на репозиторий и там судя по всему дикая альфа, доков нету, в общем интересно как с этим живут те, кто пользуются? По идее можно за пару вечеров код прочитать с тестами и все понять, тк их там не много, но это так... мысли.
@olegafx а к какой версии туториал?
Oleg Kislitsyn
@olegafx
Aug 04 2015 19:42

@nkt

Be also aware that this tutorial targets redux 1.0.0.

Nikita Gusakov
@nkt
Aug 04 2015 19:42
@olegafx то есть master?
Uladzimir Havenchyk
@havenchyk
Aug 04 2015 19:49

не оч. понял вопрос :)

@rpominov что про flux вообще надо знать, чтобы начать знакомство с redux :)

Roman Pominov
@rpominov
Aug 04 2015 19:49
там просто в мастере что-то сильно устаревшее, нужно в этой ветке смотреть ^, да
@havenchyk да, в принципе, ничего я думаю можно не знать) Это даже не совсем flux. Даня сейчас очень хорошие доки пишет, и там в ишью кажется все вопросы поднимались.
еще в этой ветке https://github.com/gaearon/redux/tree/rewrite-docs-again, кажется, доки свежие, но я пошел по пути "за пару вечеров код прочитать с тестами"
Roman Pominov
@rpominov
Aug 04 2015 19:55
вроде скоро уже будет релиз 1.0
Nikita Gusakov
@nkt
Aug 04 2015 19:55
@rpominov меня напрягает единственный момент - я хочу сесть, прочесть доку и понять. Бегать по issue, к сожалению нет времени. Хотя я видел как Дэн на них отвечает, это впечатляет)
Roman Pominov
@rpominov
Aug 04 2015 19:57
http://gaearon.github.io/redux/index.html — самые актуальные доки, как я понимаю
Alex Afonin
@Tuch
Aug 04 2015 20:19
народ, кто как action коснтанты называет. У меня дилема идти ли от view или от кейсов. Типа CLICK_NEW_BUTTON (есть похожий вариант в примере facebook - CLICK_THREAD) или NEXT_SLIDE
оригинальная реализация flux от facebook
Illia Seheda
@ALF-er
Aug 04 2015 20:21
только пассив в прошлом времени. Как заголовки газет. ПОШЁЛ_СНЕГ, а не ПОДМЕТИТЕ_ДОРОЖКУ_ПЕРЕД_ДОМОМ_ИБО_ПОШЁЛ_СНЕГ
Alex Afonin
@Tuch
Aug 04 2015 20:29
хммм, тогда action creater-у прийдется разруливать варианты в которых "ПОШЕЛСНЕГ" является вложенным действием. Например сначало делаем dispatch "НАСТУПИЛО_УТРО", потом проверяем условие и делаем dispatch "ПОШЕЛСНЕГ". Вместо того, когда эти кейсы могли бы разрулить сами stores. Или я что-то упустил..
Illia Seheda
@ALF-er
Aug 04 2015 20:29
именно так и должно происходить
Alex Afonin
@Tuch
Aug 04 2015 20:30
Супер, спасибо :)
Alex Afonin
@Tuch
Aug 04 2015 20:42
Еще маленький вопрос, а если action creater вызывать с гипотечиским действием. Которое может и не отработать например. В зависимости от состояния store. Типа ПОШЕЛ_СНЕГ, но проверили store и поняли, что он не пошел на самом деле
такое поведение не норм?
Illia Seheda
@ALF-er
Aug 04 2015 20:44
имхо, норм. но тут уже скользкий вопрос
Alex Afonin
@Tuch
Aug 04 2015 20:46
я так понимаю идеально проверить сразу в компоненте, но это идеальный случай. Если ему прокидывается все для этого необходимое =(
могут быть какие-то сложные условия
Illia Seheda
@ALF-er
Aug 04 2015 20:48
да, могут... теоретически, это звоночек, что не совсем правильно спроэктировано. Но чёткого алгоритма как в лобой ситуации от такого уйти я не знаю
Alex Afonin
@Tuch
Aug 04 2015 20:54
ясно, спасибо большое еще раз
Ivan Kurnosov
@zerkms
Aug 04 2015 21:41

У меня дилема идти ли от view или от кейсов. Типа CLICK_NEW_BUTTON (есть похожий вариант в примере facebook - CLICK_THREAD) или NEXT_SLIDE

Всегда именовать в соответствии с доменной областью, а не реализацией. Одно и то же событие может быть следствием разных действий