How I Learned to Stop Worrying and Love the Redux

Redux is the new frontend hotness powering our bleeding-edge web apps. Slides present eagle-view of the library.

Transcript

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