Как я перестал беспокоиться и полюбил Redux

Витя Суздалев

#FrontendMeetup

14.11.2015

Витя Суздалев

Разработчик ficus.io

Главред Code Hipsters

Full-stack JavaScript freelancer

Проблемы с фронтендом

• Сложные потоки данных и зависимости компонентов

• JavaScript на мобильных устройствах

• Серверный рендеринг

• Принципиально нетестируемый код

Redux

• «Predictable state container for JavaScript apps»

• 2kb чистого функционального счастья

• Не haskell-like функционального

• С горячей перезагрузкой и time traveling debug

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

Банальный дискомфорт

• Сложить все в один объект?

• Прокидывать все состояние через иерархию компонентов?

• А как делать запросы к api?

–redux docs

“Middleware provides an extension point between dispatching an action and reducer.”

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

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

Проблемы?

• Страшно класть состояние в один объект

• Состояние распространяется через компоненты

• Сайд-эффекты делаются очень непривычно

Польза?• Приложение управляется чистыми функциями

• Легко тестировать

• Можно тестировать

• Работает горячая перезагрузка — быстрая обратная связь в разработке

• Экшены можно проиграть повторно — легко воспроизводить проблемы

• Космические дев-утилиты

Как я рад, что вы пришли!С вами был Витя Суздалев

• ficus.io

• vk.com/codehipsters

• vk: victor.suzdalev

• twitter: @victor_suzdalev

• github: @kadmil