Обрати архітектуру для розробки не просто. Серед безлічі можливих архітектурних рішень для Flutter у фаворити вибились BLoC і Redux. BLoC ― нове рішення від компанії Google, яке лише починає набувати популярності. Redux ― незмінний улюбленець ком'юніті. І, звісно, мій. Саме про нього і поговоримо. Під час доповіді ми візьмемо готовий UI шар і реалізуємо всі необхідні Redux компоненти: Store, State і Reducer Actions. А також специфічні для Flutter елементи ― StoreProvider і StoreConnector. http://uamobile.org/uk/topics/building-your-flutter-apps-using-redux

1. Building your
Flutter apps
using Redux.

2. Hello!I am Max Ermakov
Android developer at
SteelKiwi Inc.
2

3. Что хорошего в
Flutter.
1.

4. Flutter, он про UI.

5. Flutter непрерывно
развивается
▪ Решены практически все проблемы прошлого года
включая карты и вебвью
▪ Тысячи плагинов от самого гугла и от независимых
разработчиков на все случаи жизни
▪ Постоянное улучшение самого Flutter SDK
▪ Flutter desktop embedding и hummingbird
5

6. И при всем этом,
Flutter — это
боль.
2.

7. Боль...
▪ AndroidX
▪ Устаревание зависимостей и самого sdk за месяц
▪ Своеобразная культура создания плагинов
▪ Сотни открытых issue к самому sdk
7

8. Redux. Матчасть.
3.

9. ▪ Single source of
truth
▪ State is immutable
▪ Changes are made
with pure functions
9

10. ▪ Processing Actions
before reducer
▪ Responsible for
making side-effects
▪ Decides to dispatch
the original Action,
to dispatch a
different one, or to
do nothing more.
10

11. Show me the code.
4.

12. Пример
12
Исходный код:
https://github.com/steelkiwi/exchan
ge_rates
API:
https://min-api.cryptocompare.com

13. Пакеты установки
13
https://pub.dartlang.org/packages/redux
https://pub.dartlang.org/packages/flutter_redux

14. Store
14
Создание и инициализация.

15. AppState
15

16. AppReducer
16
Ванильная функция ответственная за создание нового экземпляра
состояния взамен существующего исходя из типа Action, его аргументов и
самого предыдущего состояния.

17. Module States
17

18. Actions
18
Простые объекты ответственные за изменения состояния

19. Module Reducers
19

20. Middleware
20
Объекты ответственные за сайд-эффекты.

21. Почему не
использую
Redux
Thunk?

22. Еще раз
взглянем на
Store
22

23. Связываем весь
это redux stuff с UI.
5.

24. ViewModels.
24

25. UI и StoreConnector
25
Коллбэки StoreConnector
▪ onInit
▪ onWillChange
▪ onDidChange
▪ converter
▪ builder

26. UI и ViewModel
26

27. И мненние.
27

28. Спасибо за
внимание.