frontdays #2. Андрей Захаров, react.js в продакшене

Frontend by Backend Developer

Андрей Захаров

SenseНовый мобильный клиент для Альфа-Банка

Чат поддержки как в Рокетбанке

Backend● Python / Tornado (асинхронный фреймворк)● MongoDB● RabbitMQ (WebSocket)● ElasticSearch

https://github.com/rynclark/flux-getting-started

https://github.com/facebook/flux/tree/master/examples/flux-chat

Какие были сложности● Туториалы устаревали на глазах● Большинство готовых компонентов — просто обертка над старой либой● Отложенное обновление данных, при запросах к серверу

ВиджетХедер — компонент с текущим залогиненым юзером

Список сообщений и поле ввода такие же как у оператора

Какие есть проблемы ● Данные хранятся в разных сторах● Cannot dispatch in the middle of a dispatch

Что изменилось за год● Почти весь новый код на ES2015● Миксины для React-компонентов● Меньше умных компонентов со стейтом из сторов (все через props)● Переменные окружения задаются через контекст

DeployПриватный npm-репозиторий

npm set @magneta:registry http://npm.octoberry.ru

npm login --registry=http://npm.octoberry.ru --scope=@magneta

Username: admin

Password:

Email: (this IS public) fuse@magneta.io

npm install @magneta/workstation

Вопросы?