Ребята, а кто какие библиотеки готовых компонентов использует? Я имею ввиду react-bootstrap, material-ui...

Мы использовали material-ui. Но он нам только для фаст прототипирования

Он не кастомный.

Коллеги, а есть у кого ссылка на выступление Дениса по сервер-сайд рендеру на React. И может есть еще какие материалы по этой теме? Интересно конкретно про подход к сборке асинхронных данных и передаче их в компоненты и как это все в дальнейшем связывается на клиенте.

Ребята, а кто какие библиотеки готовых компонентов использует? Я имею ввиду react-bootstrap, material-ui...

react-widgets например

https://jquense.github.io/react-widgets/docs

react-widgets например

Ок, спасибо.

У кого нибудь есть опыта React + Electron. Я не думаю что там могут быть сложности, но возможно есть какие-то особенности. 

Артур, ты про моё выступление на Moscow React Meetup #1 в ноябре?

Денис, ага, про него. Ты тут давал ссылку, но я найти не могу.

Изоморфик который ты продвигаешь в данный момент очень актуален.

Продолжаю тему про реальные примеры приложений - пример от Facebook с использованием React Native, Redux, Relay: https://github.com/fbsamples/f8app/

Надо понять, как это работает. На клиенте уже опыт есть, а теперь как это связать на сервере. Любые материалы по тематике.

Вот это тоже интересно.

Видео я тебе скину, я помню ты меня на DevConf звал к вам в офис в гости) Могу заскочить на следующей неделе - вы вроде близко от моего дома

http://makeitopen.com/

Я сегодня и до конца недели буду на react.amsterdam - если кто из чата там будет, feel free :)

Видео я тебе скину, я помню ты меня на DevConf звал к вам в офис в гости) Могу заскочить на следующей неделе - вы вроде близко от моего дома

Да, что-то такое было. Я тебе черкану потом в скайп, договоримся. Ты же сейчас где-то за границей вроде.

https://habrahabr.ru/post/264423/ — вот здесь хорошая статья

точнее перевод, лучше почитать в оригинале

Там весь смысл в том чтобы добавить middleWare для редакса, чтоб ждал промисы до рендеринга на сервере. И передать стейт с сервера на клиент.

Вот здесь про изоморфный рендеринг я пример приводил https://github.com/DenisIzmaylov/redux-catch-promise

в остальном работает все одинаково, что на клиенте, что на сервере.

https://www.youtube.com/watch?v=PbK5xLmS0MU

Спасибо)

У кого нибудь был опыт обмен данными в redux с websocket ами? Какой правильный подход рекомендуете?

Тайпскриптеры, накидайте бойлерпоейтов реактовых тайпскриптовых, которые вы считаете достойными внимания

У кого нибудь был опыт обмен данными в redux с websocket ами? Какой правильный подход рекомендуете?

так там вроде ничего сложного не должно быть. все тоже самое. подключаешь любую либу типа socket.io и после коннекта подписываешься на изменения по сокетам начинаешь дергать соответствующие экшены редаксовские, а дальше все по стандартной схеме происходит

да и собственно и экшены там все тоже самое

т.е. по сути событие сокетное это все равно что ты клик обработал где нито в компоненте. дернул экшен, кинул данные и все

Только незабывайте отписываться от событий в componentDidUnmount

WillUnmount только

да, )

Редакс стандартная схема ок

Ясно понятно

Получил инвайт в horizon - A developer platform for building engaging, realtime, and scalable web apps.  По сути клиент и серверный фреймворк для реалтайм приложений на rethinkdb.  Работать может поверх Express\Koa, совмещается с React, есть встроенная авторизация. Репозитарий в приватном режиме, но посмотреть можно - npm i -g horizon, правда для работы необходима установленная rethinkdb.

могу отправить инвайт посмотреть фото меня с Пауком и с Шилом из Кровостока

в смысле в чем профит?

это BaaS?

+ биндинги к фронтендовым штукам?

что это?

Инвайт, отправить к сожалению не могу. Но свой шли.  BaaS, это типа Parse. Цитирую про Parse с их сайта.

а, норм штука, rethink тож норм

How is Horizon different from Firebase? There are a few major differences: Horizon is open-source. You can run it on your laptop, deploy it to the cloud, or deploy it to any infrastructure you want. Horizon will allow you to build complex enterprise apps, not just basic applications with limited functionality. Since Horizon stores data in RethinkDB, once your app grows beyond the basic Horizon API, you can start adding backend code of arbitrary complexity that has complete access to a fully-featured database. Since Horizon is built on RethinkDB, we'll be able to expose services that are much more sophisticated than simple document sync (e.g. realtime analytics, streams on joined tables, etc.)

да. и биндинги

это не стэк 3ree который? https://github.com/GordyD/3ree

https://pp.vk.me/c627217/v627217286/6737/DGDwA3E6zTE.jpg вот с пауком https://pp.vk.me/c629125/v629125286/21b5e/apxN8TspqQk.jpg вот с шилом

как обещал

есть еще с Олегом и Катюхой

если надо

сорян, пятница

я уже пьяный

Только незабывайте отписываться от событий в componentDidUnmount

Да можно не отписываться. Сокеты как правило вне компонентов настраиваются и работают на протяжении всей сессии клиента.

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

Мне вот например нужно, чтобы отдельные компоненты слушали какие-то события (возможно одинкаоквые) и запускали разные обработчики

Где мне в таком случае хранить объект socket&

?

Тогда это не проблема редакса я думаю

в сторе(ах)

Неа. Стор о сокете знать не должен

Зачем ему это

не должен, но должен о данных и состоянии приложения

ERROR: S client not available

Путаница какая то ))

пишу на реакте с вебсокетами с 2014

возможно middleware, если redux

Если сокет необходим для получения данных то нет смысла его встраивать в компонент. Я вот о чем

много пью

в компонент не надо

я б за такое обиделся как минимум

может побил бы, но дрищ

Так где же лучше им быть, коллеги?

middleware, если нужно синхронизировать постоянно стэйт локальный и серверный

middleware, если нужно синхронизировать постоянно стэйт локальный и серверный

Можно пример?

к сожалению сейчас нет примеров, но так работают скажем либы которые синхронизируют стэйт с копией в localstorage или в случае react-native с asyncstorage

я б за такое обиделся как минимум

+

быть где-то сбоку

и слать экшоны

Что гуглить то, подскажите?

redux middleware sockets

быть где-то сбоку

+

Я б тоже так запилил

у меня так и запилено во всех аппах и мне с этим хорошо живется

суперски

а кто знает англ суперкруто? я подаю заявку на лайтнинг толк на реакт конф еу как раз об этом

надо дескрипшн

вычитать надо и поправить

Что гуглить то, подскажите?

Да ниче гуглить не надо. Заюзаешь какую нито либу и будет этот вопрос вечно для тебя магией ))

Лучше разберись на простом примере

Какую либу? )

А потом уже всякие мидлвари настраивать

Ну я думаю их полно. Я к тому что не юзай их пока. Сам сделай простую имплементацию

Ну смотри ты экшн знаешь как отправлять ?

Т.е по сути какая разница откуда ты его отпрвишь