These are chat archives for dev-ua/reactjs

20th
Jan 2016
Nikolay
@NikolayS
Jan 20 2016 10:51
привет. делал ли кто-то реализацию sharing extension (например, чтобы страничку в мобильном хроме отправлять в своё приложение) на react native? есть пример, как это можно сделать?
Terry Sahaidak
@terrysahaidak
Jan 20 2016 10:54
@NikolayS ем, не дуже зрозумів про що йдеться
kiberlain
@kiberlain
Jan 20 2016 10:55
Всем привет!
Terry Sahaidak
@terrysahaidak
Jan 20 2016 10:55
але якщо що, то RN підтримує Android Intend/LinkingIOS, яка дає змогу відкривати твою аплікуху за допомогою посилань, типу
myapp://link?params
kiberlain
@kiberlain
Jan 20 2016 10:55
Как при выборе option из селекта рендерить второй связанный с ним уникальный селект?
для примера выбрал я в селекте область России, появляется список районов этой области, потом список населённых пунктов.
Nikolay
@NikolayS
Jan 20 2016 10:56
пробуем сделать мобильное приложение на react native. В iOS и Андроид можно сделать такую штуку: другие приложения (например браузер) отправляют контент (например, URL странички) в наше приложение. Речь не про myapp:// ссылки, совсем. Речь про отправку странички в наше приложение, чтобы например потом можно было этот URL в БД сохранить
Denis Stoyanov
@xgrommx
Jan 20 2016 10:56
кстати вот новая статейка http://www.sitepoint.com/build-android-app-react-native
Nikolay
@NikolayS
Jan 20 2016 10:56
за статейку спасибо
вот про что я: https://developer.apple.com/library/ios/qa/qa1587/_index.html. непонятно, как с react native такое сделать..
Denis Stoyanov
@xgrommx
Jan 20 2016 10:57
kiberlain
@kiberlain
Jan 20 2016 10:59
никто не в курсе? ))
Terry Sahaidak
@terrysahaidak
Jan 20 2016 11:08
@NikolayS ну додати там -- то пофіг чи то РН, чи нейтів
а от як зхендлити -- інше питання
не в курсі який контрол обробляє це?
Terry Sahaidak
@terrysahaidak
Jan 20 2016 11:14
якщо ти не знайдеш готового модуля, то можеш просто замутити обгортку над готовим (кажуть в ios з objective-c це зробити простіше)
Terry Sahaidak
@terrysahaidak
Jan 20 2016 11:22
@NikolayS а вобше-то все, наче, так як я і казав
от що знайшов
http://stackoverflow.com/questions/11095122/how-to-make-my-android-app-appear-in-the-share-list-of-another-specific-app
тобто через Android Intent
Vladimir Prudnikov
@prudnikov
Jan 20 2016 11:23
Ищу React программиста. Проект делается снуля, создан прототип для проверки возможностей. Относительно НЕ сложный проект. Используется React, react-router, https://github.com/ParsePlatform/ParseReact, backend на parse.com. Одновременно с web frontend будет создаваться iOS приложение. Условия обсуждаемы. Удаленка. Здесь могу пропустить сообщения, кидайте письма на v.prudnikov@gmail.com, скайп v_prudnikov.
Terry Sahaidak
@terrysahaidak
Jan 20 2016 11:45
вже питався, але спитаюсь ще раз
з ListView в RN хтось працював?
хтось шарить як там працює DataSources?
YLuchaninov
@YLuchaninov
Jan 20 2016 12:15
я в курсе
только вот не задача, дял разных платформ они работают по разному
и пока RN сплошной костыль, личное мнение, даже спорить не буду
Terry Sahaidak
@terrysahaidak
Jan 20 2016 12:20
@YLuchaninov "я в курсі" до мого питання?
YLuchaninov
@YLuchaninov
Jan 20 2016 12:26
да, на андроиде и иосе это работает по разному на иосе вьюхи кешируються а на андроиде работают через флайвейт+адаптер паттерны с заранее заданным набором айтемов
они работают по разному в зависимости от платформ
а RN просто орали - учишь один раз пишешь под все, по факту - брехня
если хочешь реальный совет: посмотри авесом реакт нетив и исходники с лист вью
Illia Seheda
@ALF-er
Jan 20 2016 12:34

а RN просто орали - учишь один раз пишешь под все, по факту - брехня

в смысле в одной платформе декларативно, а в другой императивно? Или на одной платформе компоненто, а на другой шаблоны?

YLuchaninov
@YLuchaninov
Jan 20 2016 12:35
Илья, нет, просто наболело:
  • UI/UX паттерны разные
  • сторонние либы через костыли
  • нативную специфику знать надо
  • 30%-40% нативного кода, мало либ
проще на реакте написать и фонгап завернуть
но, бля.... тренды наше фсе!
Illia Seheda
@ALF-er
Jan 20 2016 12:36
Ну ты ж лучше меня знаешь какие в фонгапе минусы
YLuchaninov
@YLuchaninov
Jan 20 2016 12:37
знаю, и нетив скрипт знаю))
нет панацеии..
Denis Stoyanov
@xgrommx
Jan 20 2016 12:37
Но меня вот это в последнее время увлекло) https://www.fusetools.com
YLuchaninov
@YLuchaninov
Jan 20 2016 12:37
оооо, второй человек который об этом слышал!
Denis Stoyanov
@xgrommx
Jan 20 2016 12:38
да, интересное решение и хотрелоад из коробки
я ужо и игрался) есть положительные эмоции)
а по разметке тот же реакт нейтив, даже круче
Illia Seheda
@ALF-er
Jan 20 2016 12:39
чёт не понятно в чём принципиальная идея
Denis Stoyanov
@xgrommx
Jan 20 2016 12:40
Идея не нова, как и рект нейтив скорее всего вдохновлялись WPF
Illia Seheda
@ALF-er
Jan 20 2016 12:41
ясненько
YLuchaninov
@YLuchaninov
Jan 20 2016 12:41
хотите совершенно новоого? https://flutter.io/faq/ кроссплатформа от гугла
Denis Stoyanov
@xgrommx
Jan 20 2016 12:41
дарт? нет спасибо
как и Go
YLuchaninov
@YLuchaninov
Jan 20 2016 12:41
неее
openGL+js
Denis Stoyanov
@xgrommx
Jan 20 2016 12:42
@YLuchaninov читай https://flutter.io/getting-started
YLuchaninov
@YLuchaninov
Jan 20 2016 12:42
хотя пока дарт, та читал и тыкал
Denis Stoyanov
@xgrommx
Jan 20 2016 12:42
я лучше с fuse поиграюсь) мне понравилось
не надо ни вебпака ничего такого
Illia Seheda
@ALF-er
Jan 20 2016 12:43
бля, дарт
Denis Stoyanov
@xgrommx
Jan 20 2016 12:43
@ALF-er Just try fuse :smile:
Illia Seheda
@ALF-er
Jan 20 2016 12:44
но! Замечу - это пока самая лучшая, информативно, фронт-страница из подобных проектов
Вроде есть ответы на все интересующие вопросы и не семнадцатью предложениями на "На каком языке мне нужно будет писать код", а 1-2
Denis Stoyanov
@xgrommx
Jan 20 2016 12:46
@ALF-er ты про что?
Illia Seheda
@ALF-er
Jan 20 2016 12:47
про этот флюттер
а, тьфу, это страница faq
Denis Stoyanov
@xgrommx
Jan 20 2016 12:48
:smile:
Illia Seheda
@ALF-er
Jan 20 2016 12:48
засада =)
Denis Stoyanov
@xgrommx
Jan 20 2016 12:49
короче fuse крут
Illia Seheda
@ALF-er
Jan 20 2016 12:51
Инструкция как сделать проект крутым для Дениса:
  1. Добавить Обзёрваблы
  2. ...
  3. PROFIT
YLuchaninov
@YLuchaninov
Jan 20 2016 12:51
  1. RX
Denis Stoyanov
@xgrommx
Jan 20 2016 12:51
@ALF-er не только))
@ALF-er но так можно сделать прослойку для rx и вообще fuse крутой))
Illia Seheda
@ALF-er
Jan 20 2016 12:52
мне интересно. У этого Фьюза куча качественного видео, доки, и тд и тп. Это всё стоит денег, не малых. Как это отбивается?
Кто вложил?
Denis Stoyanov
@xgrommx
Jan 20 2016 12:53
пока хз
YLuchaninov
@YLuchaninov
Jan 20 2016 12:55
их нет на гитхабе!
Illia Seheda
@ALF-er
Jan 20 2016 12:55
блин, ну что за <Button Clicked= /> =| всё впечатление испортили
Denis Stoyanov
@xgrommx
Jan 20 2016 12:58
оно в девелопменте вроде еще, может поменяют)
Eugene Zharkov
@2j2e
Jan 20 2016 12:58

ребята а как вы валидируете данные с redux?
для меня есть пару вариантов
1) component > dispatch > client validation > post > server validation > reducer
2) component > dispatch > client validation fail promise > post > server validation fail promise > reducer

в перовм тянем результат в редюсер, во втором возвращаем результат промисами отбратно в компонент и не тянем в reducer.
Мне лично не хотелось бы тянуть результаты валидации в reducer, но я не пойму, как это корректно обработать.

Illia Seheda
@ALF-er
Jan 20 2016 13:00
никогда не любил промисы в компонентах
Eugene Zharkov
@2j2e
Jan 20 2016 13:01
промисы терпимо, когда их много - нет
Denis Stoyanov
@xgrommx
Jan 20 2016 13:02
@ALF-er лучше observables :smile: их можно кенсельнуть
Illia Seheda
@ALF-er
Jan 20 2016 13:03
Реактивщики такие реактивщики =)
Eugene Zharkov
@2j2e
Jan 20 2016 13:05
с промисами меньше кода обработки, иначе если много редюсеров, нужно каждого учить обрабатывать ошибки в своем сторе
Illia Seheda
@ALF-er
Jan 20 2016 13:07
имхо, по редаксу должно быть так: ивент в компоненте - экшнкреатор валидирует - если есть ошибка данные о ней записываются в стор/если нет данные о том, что ошибки нет записываются в стор - компоненты рендерятся.
YLuchaninov
@YLuchaninov
Jan 20 2016 13:08
не смог удержаться, просто вокруг трендов такие танцы, а по факту лажи)) и извините за офтопп))
https://www.youtube.com/watch?v=7g2jv_2HwXo
Illia Seheda
@ALF-er
Jan 20 2016 13:08
бррр, танцы?
лажи?
YLuchaninov
@YLuchaninov
Jan 20 2016 13:09
ты слова послушай))
Illia Seheda
@ALF-er
Jan 20 2016 13:09
слушал этот клип (он клёви) =) Но не вижу связи
Eugene Zharkov
@2j2e
Jan 20 2016 13:11
ну если про лажу говорить, то мне лажово кажется некоторые вещи =)
YLuchaninov
@YLuchaninov
Jan 20 2016 13:11
та я увидел воросы за валидацию, после RN
просто если хотите сложное писать, ждите бестпрактисов если хотете быстро и сразу -надо мериться с болью....
кстати https://blog.risingstack.com/react-js-best-practices-for-2016/ вчера статейка
бест практисы
Eugene Zharkov
@2j2e
Jan 20 2016 13:13
а я вижу связь с клипами - that’s how you know you fucked up
YLuchaninov
@YLuchaninov
Jan 20 2016 13:13
по валидации я + к @ALF-er
Eugene Zharkov
@2j2e
Jan 20 2016 13:17
@YLuchaninov бест практисез факд ап, все что есть за 2015 год это, блять, простите не удержался, подделка аматоров, которые не строят ни одно средней сложности приложение
YLuchaninov
@YLuchaninov
Jan 20 2016 13:18
ВОТ!
Terry Sahaidak
@terrysahaidak
Jan 20 2016 13:18
@xgrommx а там все нативне чи webview? щось так і не зрозумів
Illia Seheda
@ALF-er
Jan 20 2016 13:18
по видео - нативное
Вы какие-то рейджащие. Походу для вас "легко" будет только тогда когда появится кнопка "Сделать пиздато"
Eugene Zharkov
@2j2e
Jan 20 2016 13:19
все решают проблему асинхронный диспатчер или нет, да толку, бля, от этого, если application flow не работает. Куча библиотек, на которые затрачены усилия, чтобы они делали ничего хорошего, ни одной архитектуры не сделано, не с flux, ни c redux, ни с чем. flux - говорит как идут данные, но приложение это больше чем данные
@ALF-er заканчивается все тем, что люди пишут свое, кладут на все существующие библиотеки, у меня примеры под рукой не один
Illia Seheda
@ALF-er
Jan 20 2016 13:20
а у меня под рукой 3 личных примера где не так
Eugene Zharkov
@2j2e
Jan 20 2016 13:20
свой flux, свою валидацию, свой promise
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:21
в этот чат когда не зайдешь, последнее сообщение — срач о флаксе :)
Eugene Zharkov
@2j2e
Jan 20 2016 13:21
збс же, только в тырнетике просьбы показать нормальное приложение, а кидают детские поделки
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:21
не детские — в приватных репозитариях или в uglify виде в продакшне
Eugene Zharkov
@2j2e
Jan 20 2016 13:21
так и тут, ты утверждаешь, что у тебя личные примеры, мы типа должны поверить на слово, как и простите Абрамову
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:22
я не прошу мне верить
Eugene Zharkov
@2j2e
Jan 20 2016 13:22
ну на сколько они не детские мы не можем судитт
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:22
у меня все работает)
и мне норм
у вас своя дорога со своими граблями
Eugene Zharkov
@2j2e
Jan 20 2016 13:22
ну вот, я тут не первый день, и за все время так и не увидел дельного
Aleh Kashnikau
@mkusher
Jan 20 2016 13:23
@2j2e а какого рода приложение ты ищешь?
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:23
Изображение сообщений(1615093172).png
вот список)
Eugene Zharkov
@2j2e
Jan 20 2016 13:23
Алексей без обид, у тебя там ничего нет
YLuchaninov
@YLuchaninov
Jan 20 2016 13:24
Алексей, извини но там ничего нет
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:24
совсем ничего нет?
Eugene Zharkov
@2j2e
Jan 20 2016 13:24
скрипты сборки, бекенд и reac, react-router и flux?
Aleh Kashnikau
@mkusher
Jan 20 2016 13:24
а зачем сейчас browserify
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:24
а зачем сейчас webpack
YLuchaninov
@YLuchaninov
Jan 20 2016 13:24
там экспересс, это писец в продакшене для боле менее серьезных апп
Aleh Kashnikau
@mkusher
Jan 20 2016 13:24
ну, в плане, только если на нем уже были собраны все эти велосипеды с инкрементом и hmr
Eugene Zharkov
@2j2e
Jan 20 2016 13:24
экспресс норм для тестового сервера
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:25

ну, в плане, только если на нем уже были собраны все эти велосипеды с инкрементом и hmr

"велосипеды" собраны

экспресс норм для тестового сервера

спасибо, учту ваше мнение

Eugene Zharkov
@2j2e
Jan 20 2016 13:25
@alexeyraspopov мы тут накинулись на тебя, но у тебя тут ничего что говорит о архитектуре приложения и бизнес-логике и как это ты делаешь
YLuchaninov
@YLuchaninov
Jan 20 2016 13:25
экспресс норм для высоко кастомного бекенда!
но не для 99% процентов вала
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:26
настраиваешь весь тот список по ридми
Illia Seheda
@ALF-er
Jan 20 2016 13:26

Приложение таймтреккер с командами, с сложными отчётам с д3, с многими интерфейсами.
Приложение о финансах подсчитывающее эффектвиность трейдеров на любом рынке (Фьючерсы, Опционы, Валюта, Форексы). Графики, таблицы, загрузки данных, связь с третьими сервисами.
Эллектрон приложение для богатых интернет трансляций. Эллектрон, редакс, связь с OBS или X-Split.

всё норм работает. Но нигде не будет "Вот вам заебись опенсорс со всеми возможными юзкейсами, берите-пользуйтесь, здесь всё идеально"

Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:26
это часа 3-4
и ебашишь приложение
все
это фронтенд, не rocket science
лучше бы изучали как все это можно применить и как сделать лучше, а не ныли в чатиках
YLuchaninov
@YLuchaninov
Jan 20 2016 13:27
@ALF-er не о том речь, никто не просит силвер булет, ткните и все
Eugene Zharkov
@2j2e
Jan 20 2016 13:27
@alexeyraspopov не продолжай чувак, ты говоришь откровенную глупость
наше “нытье” основано на каком-то опыте, в моем случае не одни jsсом и реактом
Illia Seheda
@ALF-er
Jan 20 2016 13:28

это фронтенд, не rocket science

+100500. Задумайтесь как пишут софт для нефтяных танкеров, для спутников, для навигационных систем. Камон, мы с вами в песочнице играемся

Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:28
и чо, не научился еще верстать?
Eugene Zharkov
@2j2e
Jan 20 2016 13:28
блять ты смешной
YLuchaninov
@YLuchaninov
Jan 20 2016 13:28
знаете почему сретесь - потому что требования к девелпменту и аппам разные
ктото пишет сайт или тулзу
а кто-то корпоративный портал
а кто-то (мы) выбираем инструменты удовлетворяющие 99% запросам оутсорса
Eugene Zharkov
@2j2e
Jan 20 2016 13:30
а кто-то как @alexeyraspopov врестает красиво на jsx и доволен
Illia Seheda
@ALF-er
Jan 20 2016 13:30
Распопов пишет интерфейсы для обработки, анализа, оценки бигдаты. Вроде в финансовой или страховой сфере. Это мало?
YLuchaninov
@YLuchaninov
Jan 20 2016 13:30
да
Илья, этого мало
Illia Seheda
@ALF-er
Jan 20 2016 13:30
Охуенчик.
А чего не мало?
YLuchaninov
@YLuchaninov
Jan 20 2016 13:31
https://www.youtube.com/watch?v=SYNJFX0oIBU послушай что такое настоящий энтерпрайз
40-60% вообще не касаеться JS
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:31

40-60% вообще не касаеться JS

вот именно

кто-то действительно решает задачи, а вы ноете что "у этой библиотечки хуевая апишечка"
Illia Seheda
@ALF-er
Jan 20 2016 13:32
Так почему тогда это вобще обсуждается в реактчате? =/
YLuchaninov
@YLuchaninov
Jan 20 2016 13:32
)) ок завязал
Eugene Zharkov
@2j2e
Jan 20 2016 13:32
Вы хотите задачи решать через жопу или нормально, если стремитесь нормально - значит узнаете варианты
Illia Seheda
@ALF-er
Jan 20 2016 13:33
или придумываете варианты
Denis Stoyanov
@xgrommx
Jan 20 2016 13:33
х-вая апишечка - сделай свой враппер и не плачь!
Eugene Zharkov
@2j2e
Jan 20 2016 13:33
То что вы решили задачу, не значит что сделали это даже читабельно для второго разработчика
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:33
что если узнал как нормально?
YLuchaninov
@YLuchaninov
Jan 20 2016 13:33
человек растроен за архитектуру и отсутствие бест практисов
Eugene Zharkov
@2j2e
Jan 20 2016 13:33
Что если так и не узнал как нормально? Я до сих пор, за полгода реакт не узнал как нормально
Перелопачивая горы всего
Illia Seheda
@ALF-er
Jan 20 2016 13:34
бестпрактисы - оверрейтед
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:34
думаешь это проблема Реакта?)
Юрий Ярош
@yuriy-yarosh
Jan 20 2016 13:34
@ALF-er абсолютно согласен
YLuchaninov
@YLuchaninov
Jan 20 2016 13:34

думаешь это проблема Реакта?)

да, нех пиарить когда APi меняеться каждую версию

Eugene Zharkov
@2j2e
Jan 20 2016 13:35
@ALF-er твои примеры отличные, только шарил ли ты свой опыт в этом направилении публично?
Юрий Ярош
@yuriy-yarosh
Jan 20 2016 13:35
@YLuchaninov слез на Angular2 - доволен
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:35

да, нех пиарить когда APi меняеться каждую версию

это ты о чем?

Illia Seheda
@ALF-er
Jan 20 2016 13:36

@ALF-er твои примеры отличные, только шарил ли ты свой опыт в этом направилении публично?

3 мастеркласса проводил

YLuchaninov
@YLuchaninov
Jan 20 2016 13:36
0.11- 0.14 реакт
1.х реакт роутер
Eugene Zharkov
@2j2e
Jan 20 2016 13:36
3 мастеркласса проводил
ок, разумно опыт шарить за бабло
YLuchaninov
@YLuchaninov
Jan 20 2016 13:37
@yuriy-yarosh я доволен и на реакте и на ангуляре 2 и на еще 2 фреймерках
я против трендов
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:37

0.11- 0.14 реакт

что-то не могу вспомнить, чтобы там были какие-то существенные изменения. как писали функции так и пишем

Illia Seheda
@ALF-er
Jan 20 2016 13:37
Юра, это фронтенд. Стабильность и смена мажорной версии раз в 28 лет (привет Перл) - это в другие сферы программирования
Denis Stoyanov
@xgrommx
Jan 20 2016 13:37
@ALF-er который только недавно стали говорить, что он готов к продакшену :smile:
YLuchaninov
@YLuchaninov
Jan 20 2016 13:37
Илья, ты не понял! я не против реакта, я против шоринга
нех юзать все подряд там где не надо
реакт по факту открытая система - буть готов к боли
ангуляр закрытая, все из коробки
а народ занимаеться хуйней
Illia Seheda
@ALF-er
Jan 20 2016 13:39

ок, разумно опыт шарить за бабло

Ну что тут сказать, я не люблю людей и мне лень писать статьй (даже учитывая, что за статьй можно получить некоторые визы в других странах, что по-сути даёт свободу перемещения, что имхо можно приравнять к деньгам)

Denis Stoyanov
@xgrommx
Jan 20 2016 13:39
@YLuchaninov в ng2 можно рендер движок поменять на react
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:40
тогда зачем ng2?
Aleh Kashnikau
@mkusher
Jan 20 2016 13:40
ng2 это законченная экосистема
YLuchaninov
@YLuchaninov
Jan 20 2016 13:40
да, только я бы наоборот в реакте заменил рендер на инкрементал
Aleh Kashnikau
@mkusher
Jan 20 2016 13:40
а react маленькая часть
Illia Seheda
@ALF-er
Jan 20 2016 13:40

Илья, ты не понял! я не против реакта, я против шоринга

я и не говорю, что ты против реакта =) Но у меня впечатление, что ты против фронтенда =)

YLuchaninov
@YLuchaninov
Jan 20 2016 13:40
ууу, и не да и не нет
честно в данный момент, я зашорин выбором максимально приемлемой тулзы
Illia Seheda
@ALF-er
Jan 20 2016 13:41

да, только я бы наоборот в реакте заменил рендер на инкрементал

инкрементал же нынче уже не торт, вон тот же shabbdom (или как он там @xgrommx точно знает) заметно быстрее

Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:41

приемлемой тулзы

почему думаешь что incremental dom лучше чем virtual (читай реакт)?

YLuchaninov
@YLuchaninov
Jan 20 2016 13:41
реакт мне ОЧЕНЬ нравиться jsx, я думаю это в нем главное
Aleh Kashnikau
@mkusher
Jan 20 2016 13:42
@2j2e @YLuchaninov я упустил начало и не могу сообразить в чем вопрос?
YLuchaninov
@YLuchaninov
Jan 20 2016 13:42

почему думаешь что incremental dom лучше чем virtual

работает по разному можно юзать стороние либы для мутации дома

Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:43
например?
Denis Stoyanov
@xgrommx
Jan 20 2016 13:43
@ALF-er можете сравнить)) http://tylors.github.io/js-repaint-perfs
YLuchaninov
@YLuchaninov
Jan 20 2016 13:43
можно облениться и заюзатьJQery Ui, причем тупо в лоб!
Illia Seheda
@ALF-er
Jan 20 2016 13:44
о, ещё одна сравнивалка =)
YLuchaninov
@YLuchaninov
Jan 20 2016 13:44
префсы, они конечному юзеру до жопы
по факту если можно юзать сторонние либы то это расширяет экосистему фреймферка, просто енвъебенно! сорри за французкий
Denis Stoyanov
@xgrommx
Jan 20 2016 13:46
что меня ща заинтересовало это https://github.com/trueadm/t7 и https://github.com/joelrich/citojs
@YLuchaninov ng2 welcome)) Is a standalone ecosystem)
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:47

https://github.com/trueadm/t7

Подсветка синтаксиса? Да нафига

Illia Seheda
@ALF-er
Jan 20 2016 13:47

можете сравнить)) http://tylors.github.io/js-repaint-perfs

только у меня эмбер выдаёт 0.4 репейнт/сек?

YLuchaninov
@YLuchaninov
Jan 20 2016 13:47
Денис)) то знаю, то грусно
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:48

https://github.com/joelrich/citojs

Удобный формат для структур данных? Да нафига

Denis Stoyanov
@xgrommx
Jan 20 2016 13:49
JSX? та нафиг!
YLuchaninov
@YLuchaninov
Jan 20 2016 13:50
нууу не скажи, я на многом писал - реально удобно, пока не знаю как скрестить с готововй версткой
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:50
Формат который читаешь спинным мозгом, формат без лишних шумов типа {tag: ...}
и в правду, та нафиг
Denis Stoyanov
@xgrommx
Jan 20 2016 13:51
@alexeyraspopov скажи это Elm
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:51
кто-то им пользуется?
YLuchaninov
@YLuchaninov
Jan 20 2016 13:51
ну на реакте ссылаються на их архитектуру, http://ruhaskell.org/posts/elm/2015/03/06/elm-architecture.html
YLuchaninov
@YLuchaninov
Jan 20 2016 13:52
спс))
Denis Stoyanov
@xgrommx
Jan 20 2016 13:52
@alexeyraspopov хз :smile: http://builtwithelm.co
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:54

хз http://builtwithelm.co

как много нового, а главное, полезного для человечества софта

Illia Seheda
@ALF-er
Jan 20 2016 13:54
Боже БАЙККОНФИГУРАТОР =))))))) (ничего против Элма не имею, он норм)
Denis Stoyanov
@xgrommx
Jan 20 2016 13:54
я устал от этих войн! рект, ангуляр и прочее. Буду юзать то, что будет приносить пользу и делать в определенный момент быстрый старт
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:54
быстрый старт — ок. как быть через год разработки, когда уже не старт?
Denis Stoyanov
@xgrommx
Jan 20 2016 13:55
ну и легкую расщиряемость
@alexeyraspopov Леха - ты скряга :smile:
Terry Sahaidak
@terrysahaidak
Jan 20 2016 14:04
@xgrommx а я подивився на той fuse
і поки поняв, що коду писати треба буде багато
але не на obj-c/java, а недо-C#, тобто uno
і поки -- це ж брєд не юзати es6, та й всю логіку пихати посеред верстки
в реакті хоч jsx, там ти можеш то винести в звичайні функції/методи
жах
а так ідея цікава
Illia Seheda
@ALF-er
Jan 20 2016 14:12
)))
Terry Sahaidak
@terrysahaidak
Jan 20 2016 14:13
ну а ще -- jss таки кручє, ніж ті всі xml атрибути
Terry Sahaidak
@terrysahaidak
Jan 20 2016 15:09
@YLuchaninov то як там на рахунок DataSource?
YLuchaninov
@YLuchaninov
Jan 20 2016 15:11
нияк, у меня нет готового решения((, как я написал оно работает по разному берешь ссылку от Дениса и ищешь самое похожее к твоему слачаю
тем более конкретного вопроса то небыло, был общий вопрос знает кто как оно устроено
хтось шарить як там працює DataSources?
как работает я описал
могу статей накидать но нативщине как именно, но я сомневаюсь что это именно то что тебе надо
Terry Sahaidak
@terrysahaidak
Jan 20 2016 15:20
@YLuchaninov ну я мав на увазі чи у кого був досвід з ним
бо там доків взагалі немає
а в всяких прикладах все працює, але не зовсім зрозуміло чому)
поки в мене майже воно робоче, але не впевнений на рахунок фетчу додаткових даних
та і там не зовсім зрозуміло самі row, і rowIDs, як вони мапляться
YLuchaninov
@YLuchaninov
Jan 20 2016 15:25
аа, ок, к сожалению с этим пасс, зачем именно там ключи я могу обяснить
Myroslav Tantsyura
@Nahasaki
Jan 20 2016 15:58
Пацани, питання за серверний рендерінг
У нас для малих розмірів екранів компоненти трохи відрізняються
Відповідно вони перемальовуються при ресайзі
На сервері ми не можемо знати розмір екрана клієнта, відповідно якшо з сервера прийде мобільний варіант, а на клієнті треба десктопний, то реакт матюкнеться шо дом не співпадає і перемалює його
відповідно вгадати на сервері ми можемо тільки по user agent, але то майже як гадання на кавовій гущі
Шо би ви юзали в такому випадку?
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 16:03
что значит "перерисовываются при ресайзе"? как это происходит?
если говорить в теории, такой кейс говорит о том, что структуры (на клиенте и на сервере) не изоморфны, а значит серверный рендеринг невозможен :)
Myroslav Tantsyura
@Nahasaki
Jan 20 2016 16:04
при проскакуванні певного порогу ширини міняється змінна в контексті і запускається форс апдейт
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 16:04
ммм... css in js?
Myroslav Tantsyura
@Nahasaki
Jan 20 2016 16:05
та css зовсім окремо
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 16:05
какие данные меняются?
Myroslav Tantsyura
@Nahasaki
Jan 20 2016 16:05
структура dom
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 16:05
а, вот как
Illia Seheda
@ALF-er
Jan 20 2016 16:05
очень плохая музыка
Myroslav Tantsyura
@Nahasaki
Jan 20 2016 16:05
деякі стрінги контенту міняються
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 16:05
очень плохая музыка [2]
Myroslav Tantsyura
@Nahasaki
Jan 20 2016 16:05
кількість елементів в списках
ну бля, в реальних прикладах навіть гугл юзає різні версії
Illia Seheda
@ALF-er
Jan 20 2016 16:06
тут походу прийдётся городить кастомную логику:
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 16:06
если это нельзя решить css я все же вернусь к утверждению, что серверный рендер тут невозможен)
Illia Seheda
@ALF-er
Jan 20 2016 16:06
Ну бля и из-за этого серверный рендеринг усложняется в несколько раз
Myroslav Tantsyura
@Nahasaki
Jan 20 2016 16:06
чистої адаптивності по css не завжди хватає
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 16:07

відповідно вгадати на сервері ми можемо тільки по user agent, але то майже як гадання на кавовій гущі

а были попытки?

а, точно, размер же
Myroslav Tantsyura
@Nahasaki
Jan 20 2016 16:07
серверний рендеринг можливий,
і він працює по UA
просто якшо ти зменшуєш розмір вікна браузера, то приходить перше десктопний варіант, а потім перемальовується на мобільний
ясно шо це не частий кейс, але так само буде коли user agent не вгадає
Illia Seheda
@ALF-er
Jan 20 2016 16:09
се ля ви. Лучших решений пока нет
Myroslav Tantsyura
@Nahasaki
Jan 20 2016 16:11
окай
а хтось знає, чи гугл не буде вважати то підміною контенту і понижувати пошуковий рейтинг?
Illia Seheda
@ALF-er
Jan 20 2016 16:19
честно хз. Но вообще - в приложениях без серверного рендеринга. Там вообще изначально ничего нет, а потом бац и куча фигни...
Myroslav Tantsyura
@Nahasaki
Jan 20 2016 16:23
вот і я хз як гугл до того ставиться
десь проскакувала інфа, шо гугл посилатиме нахєр сторінки без серверного рендерінга
На деяких проектах навіть ангулар рендерять через фантом
Illia Seheda
@ALF-er
Jan 20 2016 16:25
ну без серверного рендеринга ему просто нечего краулить
Myroslav Tantsyura
@Nahasaki
Jan 20 2016 16:26
ну краулер міг би навчитися рендерити сам
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 16:27
и вроде научился же, нет?
Illia Seheda
@ALF-er
Jan 20 2016 16:28
насколько я слышал, они отказались от всей этой фигни и сказали - это ваши проблемы
Terry Sahaidak
@terrysahaidak
Jan 20 2016 16:28
@xgrommx потрогав я той фюз
ну і коротше, штука прикольна, але явно тільки щоб побавитись
ну бо модулі там не дуже, а js модулі взагалі через задній прохід
тільки в останньому релізі появилась можливість пропси прокидати (або щось на то схоже)
а той ux код виглядає жахливо, і не зразу розберешся що відбувається
задумка класна, навіть я б сказав фейсбуку є у кого вчитись як потрібно працювати над проектом (динаміка там скажена), те що вони кажуть робить без костилів і нативно (а ще вміє в OpenGL рендерити)
але надто сире і неготове до реальних юзкейсів,як на мене
Terry Sahaidak
@terrysahaidak
Jan 20 2016 16:39
@YLuchaninov було би дуже добре, якби пояснив
я так зрозумів, що rowIds - масив ідшників (саме ід наших елементів)
воно працює типу мапить послідовно компоненти в порядку, як у нас в rowId, щоб row.id == id, де id - певний елемент масиву?
Artyom Trityak
@artyomtrityak
Jan 20 2016 18:13
я тут немного отсутствовал - че там каково мнение сообщества про редукс? ок или такое? последнее что я помню это то что асинк/авейт и флюкс збс
Illia Seheda
@ALF-er
Jan 20 2016 18:14
сколько людей столько мнений
Artyom Trityak
@artyomtrityak
Jan 20 2016 18:14
тут в СФ просто щас посыпались редукс вакансии
я чет ваще в шоке
Myroslav Tantsyura
@Nahasaki
Jan 20 2016 18:16
слоупоки
рідукс вже не в тренді
stanleer
@stanleer
Jan 20 2016 18:16
@Nahasaki, а чо в тренде о великий)?
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 18:17

последнее что я помню это то что асинк/авейт и флюкс збс

@artyomtrityak так больше ничего и не надо :)

Artyom Trityak
@artyomtrityak
Jan 20 2016 18:18
@alexeyraspopov збс еще что в ReactNative async/await включен из коробки
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 18:19
@artyomtrityak tears of happiness
Artyom Trityak
@artyomtrityak
Jan 20 2016 18:19
)
ну и вообще RN команда молодцы - бабель 6й внутри засунули, все модное современное
Nikolay
@NikolayS
Jan 20 2016 19:47
@terrysahaidak спасибо за помощь, пробуем разобраться
Artyom Trityak
@artyomtrityak
Jan 20 2016 19:48
@xgrommx "короче я сделал свой фреймверк поэтому все остальное говно” (с), и вообще я чувак из Бразилии но не заинтересован в футболе
лол
Denis Stoyanov
@xgrommx
Jan 20 2016 19:54
@artyomtrityak по большей степени он прав
Artyom Trityak
@artyomtrityak
Jan 20 2016 19:54
я на реакте много всего делал и делаю и ваще доволен
Maxim
@stigmat4j
Jan 20 2016 19:55
Артёма по поводу реакта не переубедить :)
Denis Stoyanov
@xgrommx
Jan 20 2016 19:55
@artyomtrityak я про редакс
Artyom Trityak
@artyomtrityak
Jan 20 2016 19:55
а, редакс хз я его на коленке попробовал и все
Maxim
@stigmat4j
Jan 20 2016 19:56
а чем редакс плох?
мне не нравится только то, что при добавлении сущностей много кода надо писать
в нескольких местах
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:05
мне в редаксе ненравится эта магия с мидлварями
что нельзя написать простой экшен, нужно извращаться
что по дефлту экшены синхронные и тд
Terry Sahaidak
@terrysahaidak
Jan 20 2016 20:08
та там магія полягає в тому, що ти коли діспатчиш, зразу й діспатч прокидаєш
сам їх не дуже розумію
але думаю можна в'їхати без проблем, якщо сісти і добре подумати
головне шоб було не впадло це робити)
Roman Liutikov
@roman01la
Jan 20 2016 20:21
А есть здесь те, кто написал достаточно большое приложение на Redux? Например ваш рабочий проект.
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:22
@terrysahaidak не ну я разобрался что приосходит но как-то все неочевидно
миддлварь для этого, миддлварь для того
@roman01la не, я демо проект сделал за 2 вечера и забил
Maxim
@stigmat4j
Jan 20 2016 20:23
У меня рабочий проект с редаксом
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:23
@roman01la есть
Maxim
@stigmat4j
Jan 20 2016 20:24
я не знаю на сколько это большое приложение, но 15 редюсеров и в планах ещё с десяток.
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:24
не очень большое, конечно
Roman Liutikov
@roman01la
Jan 20 2016 20:24
Во, круто. Расскажите пожалуйста, какие преимущества вы увидели перед традиционным Flux?
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:24
традиционный - это от фейсбука?
Maxim
@stigmat4j
Jan 20 2016 20:25
Меньше рутины, общий стор
Roman Liutikov
@roman01la
Jan 20 2016 20:25
@tokenvolt нет, имеется в виду не реализация, а сам паттерн
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:25
у меня до этого был свой велосипед на баобабе и диспатчере, который выдрал из какой-то флюксовый либы
Roman Liutikov
@roman01la
Jan 20 2016 20:26
@stigmat4j ок, глобальное состояние засчитывается, это сейчас много где уже есть
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:26
похоже было на редакс, кстати
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:27
в чем преимущество глобального стора?
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:27
в отсутствии необходимости синхронизации?
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:27
@stigmat4j и как ? полет ок или чувствуются костыли?
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:27
главная проблема редакса - это боилерплейт, чтобы сделать простой круд надо напилить кучу кода (actionCreators, reducer, коннект к компонентам)
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:28
кучу кода пилить надо с любым флаксом
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:28
@vslinko а что не так с синхронизацией?
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:28
зачем ее делать если можно не делать? :)
Maxim
@stigmat4j
Jan 20 2016 20:29
@artyomtrityak вполне себе. Пока не могу разобраться с последовательным выполненем екшенов. Абрамов говорит, что thunk это сделано, а я никак не сяду за ичузение.
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:29
я про waitFor
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:29
@vslinko я ни разу не писал waitFor
Maxim
@stigmat4j
Jan 20 2016 20:29
я лично очень доволен редаксом, пока даже не смотрю в другие стороны
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:30
@artyomtrityak это не значит, что нет ситуаций где он нужен
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:30
и еще async экшны немного боль, стандартный thunk довольно примитивен, - сейчас пробую https://github.com/yelouafi/redux-saga/ на замену
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:30
меня вот это и напрягает - всякие либы чтобы сделать простую вещь типа как асинхронный диспатч
Roman Liutikov
@roman01la
Jan 20 2016 20:31
@artyomtrityak Я совсем мало писал кода с множеством сторов. Знаю, что можно писать так, что бы не было нужды в синхронизации. Но с одним состоянием все становится проще. Модули сторов становятся модулями с набором функций, которые меняют глобально состояние.
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:31
saga вроде не про async экшены а про эффекты?
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:31
я бы не сказал, что это простая вещь)
да вообще любые экшны, но оно сильно упрощают координацию ивентов в целом
Roman Liutikov
@roman01la
Jan 20 2016 20:32
@tokenvolt для чего нужны асинхронные экшены?
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:32
и можно вынести диспатчинг из компонент
ну на сервер сделать запрос, например
Roman Liutikov
@roman01la
Jan 20 2016 20:33
значит я не так понял
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:33
просто меня в редаксе кумарит то что чтобы просто сделать экшен -> запрос на сервер -> диспатч нужно городить огород с библиотеками вокруг
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:34
есть такое, да
Maxim
@stigmat4j
Jan 20 2016 20:34
@artyomtrityak
import actionTypes from '../action-types/alerts.js';

export function fetchAlerts(data){
  return {
    types: actionTypes.fetchPromise,
    promise: (client) => client.get('/api/client/alerts')
  };
}
один раз прописал нужную мидлварь и не паришься потом
Roman Liutikov
@roman01la
Jan 20 2016 20:34
@tokenvolt объясни пожалуйста как в Redux обработать запрос на сервер, без кода
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:34
@artyomtrityak всего только 1 библиотека
любая, на выбор
redux-thunk, redux-saga, redux-promise
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:35
@roman01la подходов много, вот один из них выше @stigmat4j скинул
Maxim
@stigmat4j
Jan 20 2016 20:35
а обычный екшен
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:36
мне thunk хватает
Maxim
@stigmat4j
Jan 20 2016 20:36
export function clearRegisterErrors() {
    return {
        type: 'CLEAR_ERRORS'
    };
}
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:36
@stigmat4j @vslinko ну мб, я не пробовал но мне это показалось избыточным, но в целом нужно попробовать
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:36
так как я не фетчу данные через redux
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:36
@vslinko что ты имеешь ввиду под так как я не фетчу данные через redux
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:36
я использую relay для фетча
redux у меня только для локального состояния
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:37
а что на сервере?
экспресс?
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:37
graphql
да, на экспрессе
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:37
ну понятно но на чем?
ага
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:38
оно
но это не важно
graphql можно на чем угодно писать
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:38
и как оно?
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:38
отлично
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:38
в чем преимущество?
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:38
если не боишься многословности
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:38
многословности?
Maxim
@stigmat4j
Jan 20 2016 20:39
народ, по вебпаку и sass может кто-то помочь?
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:39
надо описывать полностью схему данных
описывать типы всех полей
все взаимосвязи
преимущество — декларативность
relay все делает за тебя
ты только пишешь что ты хочешь
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:40
интересно, были грибы какието?
@stigmat4j у тебя сасс небилдится?
Maxim
@stigmat4j
Jan 20 2016 20:40
@artyomtrityak ага
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:40
     {
        test: /\.scss$/,
        loaders: ['style', 'css', 'sass']
      },
у меня вот так билдится
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:41

relay все делает за тебя

основные плюшки из коробки это:

  • оптимизация запросов
  • кеширование на клиенте
  • поддержка оптимистичных запросов
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:41
@stigmat4j ошибки какие-то есть?
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:41
@vslinko я попробую, спасибо
Denis Stoyanov
@xgrommx
Jan 20 2016 20:42
@vslinko а фалькор?
Maxim
@stigmat4j
Jan 20 2016 20:43
@tokenvolt
[1] SyntaxError: /home/max/projects/tradeintelclient/src/components/header.scss: Unexpected token (1:0) [1] > 1 | :local(.styles) { [1] | ^ [1] 2 | position: relative; [1] 3 | [1] 4 | padding: 50px 0; [1] at Parser.pp.raise (/home/max/projects/tradeintelclient/node_modules/babylon/index.js:1425:13) [1] at Parser.pp.unexpected (/home/max/projects/tradeintelclient/node_modules/babylon/index.js:2907:8) [1] at Parser.pp.parseExprAtom (/home/max/projects/tradeintelclient/node_modules/babylon/index.js:754:12) [1] at Parser.parseExprAtom (/home/max/projects/tradeintelclient/node_modules/babylon/index.js:4370:22) [1] at Parser.pp.parseExprSubscripts (/home/max/projects/tradeintelclient/node_modules/babylon/index.js:509:19) [1] at Parser.pp.parseMaybeUnary (/home/max/projects/tradeintelclient/node_modules/babylon/index.js:489:19) [1] at Parser.pp.parseExprOps (/home/max/projects/tradeintelclient/node_modules/babylon/index.js:420:19) [1] at Parser.pp.parseMaybeConditional (/home/max/projects/tradeintelclient/node_modules/babylon/index.js:402:19) [1] at Parser.pp.parseMaybeAssign (/home/max/projects/tradeintelclient/node_modules/babylon/index.js:365:19) [1] at Parser.pp.parseExpression (/home/max/projects/tradeintelclient/node_modules/babylon/index.js:329:19) [1]
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:44
фалькор имхо все, после того как они отказались от подписки на изменение куска данных
у них есть только глобальный onChange
Roman Liutikov
@roman01la
Jan 20 2016 20:44
@vslinko куска данных на сервере или в локальном состоянии?
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:45
в локальном
Denis Stoyanov
@xgrommx
Jan 20 2016 20:45
@vslinko а у релея прям есть подписка?
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:45
конечно - он сам все перерендеривает
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:45
@stigmat4j там походу действительно просто синтаксический еррор в файле
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:45
если кто-то где-то когда-то поменял
ты в компоненте просто пишешь что тебе надо user { email role }
и оно тебе придет в props
Maxim
@stigmat4j
Jan 20 2016 20:46
@tokenvolt дело в том, что ошибки и при импорте stylus и css
Roman Liutikov
@roman01la
Jan 20 2016 20:46
такая подписка делается в 50 строк, это не проблема
Denis Stoyanov
@xgrommx
Jan 20 2016 20:46
@vslinko покажи болерплейт какой-то
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:47
@stigmat4j тогда что-то в вебпаке недостроено
Roman Liutikov
@roman01la
Jan 20 2016 20:47
проблема, что Relay — это 10000 строк кода и он заточен под нужды Facebook. С поддержкой Flow и всем остальным. Не каждому это нужно.
Roman Liutikov
@roman01la
Jan 20 2016 20:48
но я его не использовал, так что больше ничего не скажу
Maxim
@stigmat4j
Jan 20 2016 20:48
@tokenvolt
с лоадеров, вроде бы, всё нормально
а что ещё может быть даже не знаю
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:48
еще есть пример graphql на java
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:48
Flow кстати крутяк

Flow кстати крутяк

был бы он достаточно умным

Alex Khrustalev
@tokenvolt
Jan 20 2016 20:49
@stigmat4j сам sass установлен? даже обычный css не собирается?
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:49
было много кейсов где он игнорил ошибки
видимо воспринимая тип как any
Denis Stoyanov
@xgrommx
Jan 20 2016 20:49
@vslinko @artyomtrityak typescript ?)
Maxim
@stigmat4j
Jan 20 2016 20:50
@tokenvolt обычный css тоже не хочет
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:50
@xgrommx ?
@vslinko как начало достаточно ок
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:50
у typescript переменные с типом могут иметь null
меня это коробит после flow
где есть nullable версии типов
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:51
@stigmat4j у меня такое
{ test: /\.css$/, loader: "style!css!postcss" }
Denis Stoyanov
@xgrommx
Jan 20 2016 20:52
@vslinko nullable value
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:52
?
@xgrommx
Illia Seheda
@ALF-er
Jan 20 2016 21:30
Штальц всё прогрессирует и прогрессирует =)
Terry Sahaidak
@terrysahaidak
Jan 20 2016 21:41
а хтось тестує редюсери? є якісь матеріали по тому, крім доків редакса?
і чим тестуєте, я трошки новий взагалі до тестування, в рубі був rspec і все було добре)
Maxim
@stigmat4j
Jan 20 2016 21:43
В доках редакс есть инфа по тестам редюсеров
Roman Pominov
@rpominov
Jan 20 2016 21:44
что может быть проще тестирования редьюсеров?
Terry Sahaidak
@terrysahaidak
Jan 20 2016 21:45
просто написати тестові дані, задіспатчити екш з ними і перевірити чи редюсер такий, як має бути?
Artyom Trityak
@artyomtrityak
Jan 20 2016 21:47
@ALF-er найс
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 22:04
@artyomtrityak можешь показать как ты заставил Flow работать?
stanleer
@stanleer
Jan 20 2016 22:08
почему такое может быть?
> 12 |     static propTypes = {
     |                      ^
Illia Seheda
@ALF-er
Jan 20 2016 22:10
вангую что не включена нужная трансформация в бабеле
Roman Pominov
@rpominov
Jan 20 2016 22:10
@stanleer ; стоит после всей конструкции?
stanleer
@stanleer
Jan 20 2016 22:10
@rpominov нет
Roman Pominov
@rpominov
Jan 20 2016 22:11
это недавно поменялось, раньше babel разрешал не ставить ;
stanleer
@stanleer
Jan 20 2016 22:11
@rpominov а что обязательно ставить ;?
никогда их не ставлю
Roman Pominov
@rpominov
Jan 20 2016 22:12
в static что-то = ... в классах теперь обязательно
stanleer
@stanleer
Jan 20 2016 22:12
@rpominov классы вроде же усе, теперь компоненты
или не?
Illia Seheda
@ALF-er
Jan 20 2016 22:13
не путай горячее с зелёным
stanleer
@stanleer
Jan 20 2016 22:13
вот так у меня
export default class SearchBar extends Component {

    static propTypes = {
        formData: PropTypes.any
    }
Illia Seheda
@ALF-er
Jan 20 2016 22:13
Это класс
Roman Pominov
@rpominov
Jan 20 2016 22:13
ну class :)
Terry Sahaidak
@terrysahaidak
Jan 20 2016 22:14
шо? бабель змушує ставити ; ?
це відколи?
в мене нічого не просить)
@stanleer стопудово не підключений потрібний пресет
які в тебе є?
static methodes в es2015 не входять
stanleer
@stanleer
Jan 20 2016 22:17
изучаю примерчик
https://github.com/mozilla-services/react-jsonschema-form/blob/master/src/components/Form.js
там вынесено вне компоненты
а я решил внутри разметстить чтобы коду меньше было
и словил ошибку
Terry Sahaidak
@terrysahaidak
Jan 20 2016 22:18
там 5 бабель і stage: 0
Sergey Rubanov
@chicoxyzzy
Jan 20 2016 22:18
jeffmo/es-class-fields-and-static-properties#25
там же меншн из бабеля
stanleer
@stanleer
Jan 20 2016 22:18
я в версиях бабеля не силен тк 5й не застал
Sergey Rubanov
@chicoxyzzy
Jan 20 2016 22:18
но фишка не в этом
flow не умеет статик пропертис
он умеет статик методс
Illia Seheda
@ALF-er
Jan 20 2016 22:19
вроде в рассматриваемом примере флоу не юзается
Sergey Rubanov
@chicoxyzzy
Jan 20 2016 22:19
по es2015
Roman Pominov
@rpominov
Jan 20 2016 22:20
а это про flow было?
Sergey Rubanov
@chicoxyzzy
Jan 20 2016 22:20
я думал да
Illia Seheda
@ALF-er
Jan 20 2016 22:20
кстати, вообще - это открытый вопрос =)
Sergey Rubanov
@chicoxyzzy
Jan 20 2016 22:20
тогда ваще-то бабель должен написать что ему не нравится (судя по PR)
так что думаю что @ALF-er прав
и не подключен синтаксис плагин
т.к. ругается на =
а ждет (
Sergey Rubanov
@chicoxyzzy
Jan 20 2016 22:24
вообще можно было бы и текст ошибки кроме места скопировать. было бы проще
Roman Pominov
@rpominov
Jan 20 2016 22:24
так не интересно :)
stanleer
@stanleer
Jan 20 2016 22:25
@chicoxyzzy
Module build failed: SyntaxError: .../SearchBar.js: Unexpected token (12:21)
мне ниочем тут не говорит
Sergey Rubanov
@chicoxyzzy
Jan 20 2016 22:25
не подключен плагин для статик пропертис
это очевидно
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 22:25
@artyomtrityak спасибо, попробую
Sergey Rubanov
@chicoxyzzy
Jan 20 2016 22:25
по причине, указанной выше
Roman Pominov
@rpominov
Jan 20 2016 22:26
да на ; babel вот так ругается:
SyntaxError: src/fantasy.js: A semicolon is required after a class property (8:20)
   6 | export class Stream<T> {
   7 | 
>  8 |   static foo = 'bar'
     |                     ^
stanleer
@stanleer
Jan 20 2016 22:26
@chicoxyzzy я только учусь
в том примере никакого плагина я не заметил
Illia Seheda
@ALF-er
Jan 20 2016 22:29
там 5ый бабель юзается
какой юзаешь ты?
stanleer
@stanleer
Jan 20 2016 22:29
6
stanleer
@stanleer
Jan 20 2016 22:29
@chicoxyzzy а че бех этго никак?
Sergey Rubanov
@chicoxyzzy
Jan 20 2016 22:30
никак
stanleer
@stanleer
Jan 20 2016 22:30
или это не правильный вариант написания кода?
Sergey Rubanov
@chicoxyzzy
Jan 20 2016 22:30
с бабелем 6
можно без статик пропертис написать по es2015
stanleer
@stanleer
Jan 20 2016 22:31
типа Form.propTypes = {} ?
Sergey Rubanov
@chicoxyzzy
Jan 20 2016 22:31
@stanleer
SearchBar.propTypes = {
   formData: PropTypes.any
 }
stanleer
@stanleer
Jan 20 2016 22:31
вопрос в том что правильнее
Sergey Rubanov
@chicoxyzzy
Jan 20 2016 22:31
дело вкуса. статик пропертис обречены в стандарт попасть
рано или поздно
не попадали до сих пор из-за тех, которые не статик
stanleer
@stanleer
Jan 20 2016 22:35
@chicoxyzzy мне важнее меньше кода и перспективный синтаксис )
а вкус это только мешает
Sergey Rubanov
@chicoxyzzy
Jan 20 2016 22:44
кто-нибудь юзает компоненты для нотификаций из npm? есть адекватные?
Roman Pominov
@rpominov
Jan 20 2016 22:53
"для нотификаций из npm" или "компоненты для нотификаций" которые выложены в npm?
Sergey Rubanov
@chicoxyzzy
Jan 20 2016 22:55
компоненты
Roman Pominov
@rpominov
Jan 20 2016 22:56
я нет