These are chat archives for dev-ua/reactjs

20th
Jan 2016
Nikolay
@NikolayS
Jan 20 2016 10:51 UTC
привет. делал ли кто-то реализацию sharing extension (например, чтобы страничку в мобильном хроме отправлять в своё приложение) на react native? есть пример, как это можно сделать?
Terry Sahaidak
@terrysahaidak
Jan 20 2016 10:54 UTC
@NikolayS ем, не дуже зрозумів про що йдеться
kiberlain
@kiberlain
Jan 20 2016 10:55 UTC
Всем привет!
Terry Sahaidak
@terrysahaidak
Jan 20 2016 10:55 UTC
але якщо що, то RN підтримує Android Intend/LinkingIOS, яка дає змогу відкривати твою аплікуху за допомогою посилань, типу
myapp://link?params
kiberlain
@kiberlain
Jan 20 2016 10:55 UTC
Как при выборе option из селекта рендерить второй связанный с ним уникальный селект?
для примера выбрал я в селекте область России, появляется список районов этой области, потом список населённых пунктов.
Nikolay
@NikolayS
Jan 20 2016 10:56 UTC
пробуем сделать мобильное приложение на react native. В iOS и Андроид можно сделать такую штуку: другие приложения (например браузер) отправляют контент (например, URL странички) в наше приложение. Речь не про myapp:// ссылки, совсем. Речь про отправку странички в наше приложение, чтобы например потом можно было этот URL в БД сохранить
Denis Stoyanov
@xgrommx
Jan 20 2016 10:56 UTC
кстати вот новая статейка http://www.sitepoint.com/build-android-app-react-native
Nikolay
@NikolayS
Jan 20 2016 10:56 UTC
за статейку спасибо
вот про что я: https://developer.apple.com/library/ios/qa/qa1587/_index.html. непонятно, как с react native такое сделать..
Denis Stoyanov
@xgrommx
Jan 20 2016 10:57 UTC
kiberlain
@kiberlain
Jan 20 2016 10:59 UTC
никто не в курсе? ))
Terry Sahaidak
@terrysahaidak
Jan 20 2016 11:08 UTC
@NikolayS ну додати там -- то пофіг чи то РН, чи нейтів
а от як зхендлити -- інше питання
не в курсі який контрол обробляє це?
Terry Sahaidak
@terrysahaidak
Jan 20 2016 11:14 UTC
якщо ти не знайдеш готового модуля, то можеш просто замутити обгортку над готовим (кажуть в ios з objective-c це зробити простіше)
Terry Sahaidak
@terrysahaidak
Jan 20 2016 11:22 UTC
@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 UTC
Ищу 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 UTC
вже питався, але спитаюсь ще раз
з ListView в RN хтось працював?
хтось шарить як там працює DataSources?
YLuchaninov
@YLuchaninov
Jan 20 2016 12:15 UTC
я в курсе
только вот не задача, дял разных платформ они работают по разному
и пока RN сплошной костыль, личное мнение, даже спорить не буду
Terry Sahaidak
@terrysahaidak
Jan 20 2016 12:20 UTC
@YLuchaninov "я в курсі" до мого питання?
YLuchaninov
@YLuchaninov
Jan 20 2016 12:26 UTC
да, на андроиде и иосе это работает по разному на иосе вьюхи кешируються а на андроиде работают через флайвейт+адаптер паттерны с заранее заданным набором айтемов
они работают по разному в зависимости от платформ
а RN просто орали - учишь один раз пишешь под все, по факту - брехня
если хочешь реальный совет: посмотри авесом реакт нетив и исходники с лист вью
Illia Seheda
@ALF-er
Jan 20 2016 12:34 UTC

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

вот именно

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

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

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

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

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

это ты о чем?

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

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

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

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

0.11- 0.14 реакт

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

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

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

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

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

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

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

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

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

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

Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:41 UTC

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

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

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

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

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

Alexey Raspopov
@alexeyraspopov
Jan 20 2016 13:43 UTC
например?
Denis Stoyanov
@xgrommx
Jan 20 2016 13:43 UTC
@ALF-er можете сравнить)) http://tylors.github.io/js-repaint-perfs
YLuchaninov
@YLuchaninov
Jan 20 2016 13:43 UTC
можно облениться и заюзатьJQery Ui, причем тупо в лоб!
Illia Seheda
@ALF-er
Jan 20 2016 13:44 UTC
о, ещё одна сравнивалка =)
YLuchaninov
@YLuchaninov
Jan 20 2016 13:44 UTC
префсы, они конечному юзеру до жопы
по факту если можно юзать сторонние либы то это расширяет экосистему фреймферка, просто енвъебенно! сорри за французкий
Denis Stoyanov
@xgrommx
Jan 20 2016 13:46 UTC
что меня ща заинтересовало это 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 UTC

https://github.com/trueadm/t7

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

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

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

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

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

https://github.com/joelrich/citojs

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

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

хз http://builtwithelm.co

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

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

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

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

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

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

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

Artyom Trityak
@artyomtrityak
Jan 20 2016 18:18 UTC
@alexeyraspopov збс еще что в ReactNative async/await включен из коробки
Alexey Raspopov
@alexeyraspopov
Jan 20 2016 18:19 UTC
@artyomtrityak tears of happiness
Artyom Trityak
@artyomtrityak
Jan 20 2016 18:19 UTC
)
ну и вообще RN команда молодцы - бабель 6й внутри засунули, все модное современное
Nikolay
@NikolayS
Jan 20 2016 19:47 UTC
@terrysahaidak спасибо за помощь, пробуем разобраться
Artyom Trityak
@artyomtrityak
Jan 20 2016 19:48 UTC
@xgrommx "короче я сделал свой фреймверк поэтому все остальное говно” (с), и вообще я чувак из Бразилии но не заинтересован в футболе
лол
Denis Stoyanov
@xgrommx
Jan 20 2016 19:54 UTC
@artyomtrityak по большей степени он прав
Artyom Trityak
@artyomtrityak
Jan 20 2016 19:54 UTC
я на реакте много всего делал и делаю и ваще доволен
Maxim
@stigmat4j
Jan 20 2016 19:55 UTC
Артёма по поводу реакта не переубедить :)
Denis Stoyanov
@xgrommx
Jan 20 2016 19:55 UTC
@artyomtrityak я про редакс
Artyom Trityak
@artyomtrityak
Jan 20 2016 19:55 UTC
а, редакс хз я его на коленке попробовал и все
Maxim
@stigmat4j
Jan 20 2016 19:56 UTC
а чем редакс плох?
мне не нравится только то, что при добавлении сущностей много кода надо писать
в нескольких местах
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:05 UTC
мне в редаксе ненравится эта магия с мидлварями
что нельзя написать простой экшен, нужно извращаться
что по дефлту экшены синхронные и тд
Terry Sahaidak
@terrysahaidak
Jan 20 2016 20:08 UTC
та там магія полягає в тому, що ти коли діспатчиш, зразу й діспатч прокидаєш
сам їх не дуже розумію
але думаю можна в'їхати без проблем, якщо сісти і добре подумати
головне шоб було не впадло це робити)
Roman Liutikov
@roman01la
Jan 20 2016 20:21 UTC
А есть здесь те, кто написал достаточно большое приложение на Redux? Например ваш рабочий проект.
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:22 UTC
@terrysahaidak не ну я разобрался что приосходит но как-то все неочевидно
миддлварь для этого, миддлварь для того
@roman01la не, я демо проект сделал за 2 вечера и забил
Maxim
@stigmat4j
Jan 20 2016 20:23 UTC
У меня рабочий проект с редаксом
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:23 UTC
@roman01la есть
Maxim
@stigmat4j
Jan 20 2016 20:24 UTC
я не знаю на сколько это большое приложение, но 15 редюсеров и в планах ещё с десяток.
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:24 UTC
не очень большое, конечно
Roman Liutikov
@roman01la
Jan 20 2016 20:24 UTC
Во, круто. Расскажите пожалуйста, какие преимущества вы увидели перед традиционным Flux?
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:24 UTC
традиционный - это от фейсбука?
Maxim
@stigmat4j
Jan 20 2016 20:25 UTC
Меньше рутины, общий стор
Roman Liutikov
@roman01la
Jan 20 2016 20:25 UTC
@tokenvolt нет, имеется в виду не реализация, а сам паттерн
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:25 UTC
у меня до этого был свой велосипед на баобабе и диспатчере, который выдрал из какой-то флюксовый либы
Roman Liutikov
@roman01la
Jan 20 2016 20:26 UTC
@stigmat4j ок, глобальное состояние засчитывается, это сейчас много где уже есть
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:26 UTC
похоже было на редакс, кстати
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:27 UTC
в чем преимущество глобального стора?
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:27 UTC
в отсутствии необходимости синхронизации?
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:27 UTC
@stigmat4j и как ? полет ок или чувствуются костыли?
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:27 UTC
главная проблема редакса - это боилерплейт, чтобы сделать простой круд надо напилить кучу кода (actionCreators, reducer, коннект к компонентам)
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:28 UTC
кучу кода пилить надо с любым флаксом
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:28 UTC
@vslinko а что не так с синхронизацией?
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:28 UTC
зачем ее делать если можно не делать? :)
Maxim
@stigmat4j
Jan 20 2016 20:29 UTC
@artyomtrityak вполне себе. Пока не могу разобраться с последовательным выполненем екшенов. Абрамов говорит, что thunk это сделано, а я никак не сяду за ичузение.
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:29 UTC
я про waitFor
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:29 UTC
@vslinko я ни разу не писал waitFor
Maxim
@stigmat4j
Jan 20 2016 20:29 UTC
я лично очень доволен редаксом, пока даже не смотрю в другие стороны
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:30 UTC
@artyomtrityak это не значит, что нет ситуаций где он нужен
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:30 UTC
и еще async экшны немного боль, стандартный thunk довольно примитивен, - сейчас пробую https://github.com/yelouafi/redux-saga/ на замену
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:30 UTC
меня вот это и напрягает - всякие либы чтобы сделать простую вещь типа как асинхронный диспатч
Roman Liutikov
@roman01la
Jan 20 2016 20:31 UTC
@artyomtrityak Я совсем мало писал кода с множеством сторов. Знаю, что можно писать так, что бы не было нужды в синхронизации. Но с одним состоянием все становится проще. Модули сторов становятся модулями с набором функций, которые меняют глобально состояние.
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:31 UTC
saga вроде не про async экшены а про эффекты?
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:31 UTC
я бы не сказал, что это простая вещь)
да вообще любые экшны, но оно сильно упрощают координацию ивентов в целом
Roman Liutikov
@roman01la
Jan 20 2016 20:32 UTC
@tokenvolt для чего нужны асинхронные экшены?
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:32 UTC
и можно вынести диспатчинг из компонент
ну на сервер сделать запрос, например
Roman Liutikov
@roman01la
Jan 20 2016 20:33 UTC
значит я не так понял
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:33 UTC
просто меня в редаксе кумарит то что чтобы просто сделать экшен -> запрос на сервер -> диспатч нужно городить огород с библиотеками вокруг
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:34 UTC
есть такое, да
Maxim
@stigmat4j
Jan 20 2016 20:34 UTC
@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 UTC
@tokenvolt объясни пожалуйста как в Redux обработать запрос на сервер, без кода
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:34 UTC
@artyomtrityak всего только 1 библиотека
любая, на выбор
redux-thunk, redux-saga, redux-promise
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:35 UTC
@roman01la подходов много, вот один из них выше @stigmat4j скинул
Maxim
@stigmat4j
Jan 20 2016 20:35 UTC
а обычный екшен
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:36 UTC
мне thunk хватает
Maxim
@stigmat4j
Jan 20 2016 20:36 UTC
export function clearRegisterErrors() {
    return {
        type: 'CLEAR_ERRORS'
    };
}
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:36 UTC
@stigmat4j @vslinko ну мб, я не пробовал но мне это показалось избыточным, но в целом нужно попробовать
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:36 UTC
так как я не фетчу данные через redux
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:36 UTC
@vslinko что ты имеешь ввиду под так как я не фетчу данные через redux
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:36 UTC
я использую relay для фетча
redux у меня только для локального состояния
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:37 UTC
а что на сервере?
экспресс?
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:37 UTC
graphql
да, на экспрессе
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:37 UTC
ну понятно но на чем?
ага
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:38 UTC
оно
но это не важно
graphql можно на чем угодно писать
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:38 UTC
и как оно?
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:38 UTC
отлично
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:38 UTC
в чем преимущество?
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:38 UTC
если не боишься многословности
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:38 UTC
многословности?
Maxim
@stigmat4j
Jan 20 2016 20:39 UTC
народ, по вебпаку и sass может кто-то помочь?
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:39 UTC
надо описывать полностью схему данных
описывать типы всех полей
все взаимосвязи
преимущество — декларативность
relay все делает за тебя
ты только пишешь что ты хочешь
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:40 UTC
интересно, были грибы какието?
@stigmat4j у тебя сасс небилдится?
Maxim
@stigmat4j
Jan 20 2016 20:40 UTC
@artyomtrityak ага
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:40 UTC
     {
        test: /\.scss$/,
        loaders: ['style', 'css', 'sass']
      },
у меня вот так билдится
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:41 UTC

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

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

  • оптимизация запросов
  • кеширование на клиенте
  • поддержка оптимистичных запросов
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:41 UTC
@stigmat4j ошибки какие-то есть?
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:41 UTC
@vslinko я попробую, спасибо
Denis Stoyanov
@xgrommx
Jan 20 2016 20:42 UTC
@vslinko а фалькор?
Maxim
@stigmat4j
Jan 20 2016 20:43 UTC
@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 UTC
фалькор имхо все, после того как они отказались от подписки на изменение куска данных
у них есть только глобальный onChange
Roman Liutikov
@roman01la
Jan 20 2016 20:44 UTC
@vslinko куска данных на сервере или в локальном состоянии?
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:45 UTC
в локальном
Denis Stoyanov
@xgrommx
Jan 20 2016 20:45 UTC
@vslinko а у релея прям есть подписка?
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:45 UTC
конечно - он сам все перерендеривает
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:45 UTC
@stigmat4j там походу действительно просто синтаксический еррор в файле
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:45 UTC
если кто-то где-то когда-то поменял
ты в компоненте просто пишешь что тебе надо user { email role }
и оно тебе придет в props
Maxim
@stigmat4j
Jan 20 2016 20:46 UTC
@tokenvolt дело в том, что ошибки и при импорте stylus и css
Roman Liutikov
@roman01la
Jan 20 2016 20:46 UTC
такая подписка делается в 50 строк, это не проблема
Denis Stoyanov
@xgrommx
Jan 20 2016 20:46 UTC
@vslinko покажи болерплейт какой-то
Alex Khrustalev
@tokenvolt
Jan 20 2016 20:47 UTC
@stigmat4j тогда что-то в вебпаке недостроено
Roman Liutikov
@roman01la
Jan 20 2016 20:47 UTC
проблема, что Relay — это 10000 строк кода и он заточен под нужды Facebook. С поддержкой Flow и всем остальным. Не каждому это нужно.
Roman Liutikov
@roman01la
Jan 20 2016 20:48 UTC
но я его не использовал, так что больше ничего не скажу
Maxim
@stigmat4j
Jan 20 2016 20:48 UTC
@tokenvolt
с лоадеров, вроде бы, всё нормально
а что ещё может быть даже не знаю
Vyacheslav Slinko
@vslinko
Jan 20 2016 20:48 UTC
еще есть пример graphql на java
Artyom Trityak
@artyomtrityak
Jan 20 2016 20:48 UTC
Flow кстати крутяк

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

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

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

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