А бот на реакте ?

А бот на руби :)

назовем его @dan =)

или @abramov

@gaearon :)

коллеги, у кого был опыт использования redux-form? интересует как реализовать валидацию, логика которой зависит от внешнего состояния

Итак, друзья, вы все большие молодцы! Менее чем за 12 часов мы выросли с 0 до 100 человек. ? Это ещё раз подчёркивает, что React-коммьюнити самое активное и сплочённое, особенно в русскоязычном сегменте. Открываем бокал шампанского и обновляемся на React 15 :)

20% посетителей сервиса сидят с IE8, и мы начали переписывать его части на React, похоже, что мы застрянем надолго на 0.14v

Видимо, это Европа и США :)

Мы в таких продуктах делаем disabled JS fallback и не используем flex, изоморфные приложения как раз отлично с этим всем справляются

А что у вас на сервере, Express\Koa ?

Да, Express/koa :) Как правило, это не критично. Раньше я предпочитал koa, потом перестал идти против течения. У них разница не сильно большая сейчас, в то время, как Express по умолчанию всеми поддерживается

koa, и поглядываю на koa2

Извини, у меня не очень много опыта в изоморфных. Правильно я понимаю, не все сторонние компоненты поддерживают серверный рендеринг? Для примера react-select, react-bootstrap. И если js disabled, то ни о каком flux\redux речи не идёт?

Express +1

Какая на node.js в среднем скорость рендеринга сборной страницы, к примеру на 50 компонентов и на 5 запросов данных?

Не конкретно, но для общей картины важно знать

круто!

долой скайп чаты, даешь Телеграм

Ребята не вкурсе, че нить намечается типа MoscowJS ?

Про изоморфные приложения - некоторые могут не поддерживать, там есть особенности (например componentDidMount никогда не исполнится, как и нет window / document объектов и со всеми вытекающими, из-за чего не удаётся использовать react-leaflet). Но большинство компонент нормально поддается серверному рендерингу.

Олег, про рендеринг я в докладе показывал цифры: https://www.youtube.com/watch?v=PbK5xLmS0MU

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

Подскажите как более православно определять хендлеры в React компоненте 1. В конструкторе - this.handleEvent = this.handleEvent.bind() 2. Arrow функция handleEvent = (event) => {...} 3. Как оператор :: - <button onClick={::this.handleEvent}

handleEvent = (event) => {...}

мне так больше нравится

или через конструктор

1. В конструкторе - this.handleEvent = this.handleEvent.bind() этот вариант хорош тем что сразу видны все обработчики

но как то не красиво

через arrowFunction тоже все сразу видно

чем оператор :: плох?

а если еще использовать соглашение на именование, так вообще песня

В конструкторе bind один раз вызывается. В рендере постоянно, что тоже не хорошо.

constructor(props) { super(props); this.getRow = this.getRow.bind(this); }

очень удобно, на самом деле

constructor(...args): void { super(...args); this.handleClick = ::this.handleClick; }

вот так вообще красота

void? :)

это flowtype

а чем :void удобнее?

это flowtype

понял

можешь в двух словах или ссылку почитать скинуть?

@canvaskisa

http://flowtype.org/

статическая типизация для жс от фб

tnx a lot!

@devall а кинь ссылку на конвертор в супер группу

плиз

devall.ru/supergroup но сейчас вроде прям в клиенте есть возможность

@renatn Есть ещё вот такой способ :) https://github.com/Coobaha/babel-plugin-class-autobind

Как то стрёмно такое использовать)

3 звёздочки же есть, чего ты?)

))

React тоже не всем нравился сначала =))

еще декоратором можно https://github.com/andreypopp/autobind-decorator

Ладно, тогда для автобиндинга можно использовать PostCSS плагин. Точно, точно.

Друзья ретвитим и пусть нас станет миллион https://twitter.com/denisizmaylov/status/719981892695638016

Что вы используете для ajax?

superagent + middleware для промисов

fetch

fetch

superagent

точнее 2 мидлвары. Одна для промисов, другая для генерации как раз суперагент запросов

isomorphic-fetch

Друзья ретвитим и пусть нас станет миллион

Запостил в группе от имени сообщества, что б в ленте появилось