Одвічний вибір: швидко, дешево або красиво. До недавнього часу при розробці мобільних додатків можна було отримати два з трьох. Найчастіше в жертву приносили UX/UI, причому ситуація була особливо плачевною в категорії додатків для бізнесу. Користувачам пропонували щось, що в кращому випадку не порушувало HIG платформи, а часто так взагалі було калькою web версії. Але ситуація змінюється з приходом Flutter! У цій доповіді ми поговоримо про те, як писати надійні, красиві додатки, на ультра швидкості та без особливих витрат. http://uamobile.org/uk/topics/flutter-no-more-boring-apps

1. Александр Леущенко
UaMobile 2019
Flutter
no more boring apps

2. Про меня
● Head of Mobile Unit в Ciklum Digital
● В мобильной разработке с 2012 г.
● Когда-то Xamarin Certified Mobile Developer
● Писал под iOS, Android, WP, UWP, Xamarin
● Новая любовь - Flutter

3. О чем будем говорить?
1) Что такое Boring apps?
2) Кто виноват и что делать?
3) Что выделяет Flutter?

4. Что такое Boring apps?

14. Стали ли приложения хуже?

15. Использовал бы сейчас?

16. История про ожидания

20. Специализация

26. Less is more!

27. Инструмент для мобильной
разработки в 2019

28. Инструмент мобильного разработчика в 2019 году
● Простой как снаружи, так и внутри
● Поддерживает последние веяния UX/UI
● И чтобы Redux, MVVM, и вот это всё

29. Инструмент мобильного разработчика в 2019 году
● Простой как снаружи, так и внутри
● Поддерживает последние веяния UX/UI
● И чтобы Redux, MVVM, и вот это всё

30. Как работает Flutter?

32. Brain Hazard
Низкоуровневый UI
(1000-5000)
Понятный UI (500-1000)
Тривиальный UI
(100-1000)

33. Всё открыто и почти
всё понятно!

34. Инструмент мобильного разработчика в 2019 году
● Простой как снаружи, так и внутри
● Поддерживает последние веяния UX/UI
● И чтобы Redux, MVVM, и вот это всё

35. Веяния в дизайне

36. Material
Cupertino

37. Fluent UI
www.github.com/olexale/

38. Инструмент мобильного разработчика в 2019 году
● Простой как снаружи, так и внутри
● Поддерживает последние веяния UX/UI
● И чтобы Redux, MVVM, и вот это всё

39. Вечный вопрос

40. Какая архитектура?

41. Ответ: любая!

42. Redux
Action Store View
Reducer(s)

43. BloC
BloC
Component
View
BloC
Provider
Inherited
Widget

44. BloC
BloC
Component
View
BloC
Provider
Inherited
Widget

45. Plain old anything
View
View
Model
Model

46. setState
Widget

47. Не знаю какую
архитектуру выбрать для
Flutter проекта…
А ты пиши всю логику
в Widget’ах, как я!
А связывать
их потом как?
Шарь State
между
компонентами Но это же
г*вн*к*д!
Ты чё, пёс, во
Flutter все так
делают!

48. Чем Flutter выделяется?

49. Дизайн Flutter
● Композиция лучше наследования
● Всё - это Widget

50. Композиция лучше наследования

51. Композиция лучше наследования
https://en.wikipedia.org/wiki/Composition_over_inheritance

52. Композиция лучше наследования
https://en.wikipedia.org/wiki/Composition_over_inheritance

53. Всё - это Widget

54. Чем может быть
Widget?

55. Чем может быть
Widget?

56. Чем может быть
Widget?

58. Хотя их бывает только
два вида

59. Widget без состояния

60. Widget c состоянием

61. Резюмируем
● Widget - это “коробочка”, с минимальной зависимостью
● Widget’ы легко писать
● Widget’ы легко поддерживать

62. There is a Widget for that!

65. Essential
Widgets

66. AppBar

67. BottomNavigationBar

68. Labels, buttons,
input fields, etc

70. Not boring Widgets

71. Transformations

72. Slivers

73. BackdropFilter

74. FutureBuilder & StreamBuilder

75. И это всё можно
анимировать!

78. Widgets == Apps ?

79. Приходите на вторую часть

80. Там
Будет
Код!