Основы Flux и Redux применительно к iOS проектам. RDSDataSource - внутренние пятничные митапы iOS-команды RAMBLER&Co.

1. Flux

2. Предыстория
• Сделано в FB
• Хорош в работе с динамическими данными

3. Программа
• Что такое flux?
• Концепция
• Что есть для iOS?

4. Flux
• Архитектура приложения
• Flux - однонаправленный поток данных со
специфичными событиями и слушателями

5. Проблемы FB
• Проблема отображения непросмотренных тредов
и отображения списка тредов
• Изменение одной модели влечет за собой
изменение других
• MVC не понравилось

8. Поток данных

9. Dispatcher

10. Dispatcher
• Рассылает действия зарегистрированным
хранилищам
• Может управлять порядком
• Может ожидать ответа от предыдущего
хранилища

11. Dispatcher

12. Поток данных

13. Store

14. Store
• Что-то вроде модели
• Предлагается складывать коллекции
• Может храниться время и состояние
• VM?
• Можно сделать полноценным хранилищем?

15. Store

16. Поток данных

17. View

18. View
• Биндятся к своим хранилищам
• Используют React

19. View

20. Поток данных

21. Action

22. Action
• Содержит тип и данные
• Пересылаются Dispatcher'ом в Store
• Могут появляться как из UI, так и из
нотификаций, демонов и прочего

23. Action

24. Поток данных

25. Поток данных

26. Важные моменты
• Однонаправленность
• Состояние хранится в хранилищах
• Синхронное обновление
• Нет каскадных обновлений данных

27. Мир js
• Redux: ~20k звезд
• Refluxjs: ~5k звезд
• бесконечно их

28. Reflux
• Более функциональный
• Нет Dispatcher
• Хранилища могут слушать другие хранилища
• Поддерживаются параллельные потоки данных

29. Что есть под iOS?
• ReSwift: 2100 звезд
• SwiftFlux: 166 звезд

30. ReSwift
• Вдохновлялись Redux
• Тоже не имеет dispatcher
• Добавились reducer'ы

31. Схема

32. Преимущества
• Понятный однонаправленный поток данных
• Все кроме View реюзабельно
• Простота дебага по полученным экшенам

33. Итоги
• Flux - про однонаправленное течение данных в
приложении
• Есть стандартные компоненты: Action, Dispatcher,
Store, View
• Готовые реализации под iOS