frontdays #2. Андрей Захаров, react.js в продакшене
TRANSCRIPT
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) [email protected]
npm install @magneta/workstation
Вопросы?