Боишься складывать состояние приложения в один объект? Пугаешься слова "миддлвейр"? Не знаешь, куда класть вызовы API? Ты не один. Расскажу, как работать с самой хипстерской Flux-библиотекой с примерами — и без риторических вопросов.

1. Как я перестал беспокоиться
и полюбил Redux
Витя Суздалев
#FrontendMeetup
14.11.2015

2. Витя Суздалев
Разработчик ficus.io
Главред Code Hipsters
Full-stack JavaScript
freelancer

3. Проблемы с фронтендом
• Сложные потоки данных и зависимости компонентов
• JavaScript на мобильных устройствах
• Серверный рендеринг
• Принципиально нетестируемый код

6. Redux
• «Predictable state container for JavaScript apps»
• 2kb чистого функционального счастья
• Не haskell-like функционального
• С горячей перезагрузкой и time traveling debug

9. Демо
https://jsbin.com/babuwu/edit?js,output

10. Банальный дискомфорт
• Сложить все в один объект?
• Прокидывать все состояние через иерархию
компонентов?
• А как делать запросы к api?

11. –redux docs
“Middleware provides an extension point
between dispatching an action and reducer.”

12. Пример: логгирование

13. Пример: промис

14. Проблемы?
• Страшно класть состояние в один объект
• Состояние распространяется через компоненты
• Сайд-эффекты делаются очень непривычно

15. Польза?
• Приложение управляется чистыми функциями
• Легко тестировать
• Можно тестировать
• Работает горячая перезагрузка — быстрая обратная
связь в разработке
• Экшены можно проиграть повторно — легко
воспроизводить проблемы
• Космические дев-утилиты

17. Как я рад, что вы пришли!
С вами был Витя Суздалев
• ficus.io
• vk.com/codehipsters
• vk: victor.suzdalev
• twitter: @victor_suzdalev
• github: @kadmil