Clean Architecture with Flutter @ Flutter Interact Pescara

When I first started experimented with Flutter, the first diffculty I faced was...having a big source file with hundreds of lines of code, highly indented, mixing UI and logic.

After months of usage, I am now applying Clean Architecture principles to my projects, and in this talk I've presented my way of having a clean structured codebase in my Flutter projects.

Transcript

1. Clean Architecture with Flutter Gregorio Palamà
2. gregoriopalama - Clean Architecture with Flutter About me Gregorio Palamà
3. gregoriopalama - Clean Architecture with Flutter Developer for passion About me Gregorio Palamà
4. gregoriopalama - Clean Architecture with Flutter Developer for passion …and work About me Gregorio Palamà
5. gregoriopalama - Clean Architecture with Flutter Developer for passion …and work Project manager @ About me Gregorio Palamà
6. gregoriopalama - Clean Architecture with Flutter Developer for passion Project manager Community Manager @ About me Gregorio Palamà
7. gregoriopalama - Clean Architecture with Flutter Developer for passion Project manager Community Manager @ About me Gregorio Palamà
8. gregoriopalama - Clean Architecture with Flutter Developer for passion Project manager Community Manager @gregoriopalama About me Gregorio Palamà
9. gregoriopalama - Clean Architecture with Flutter Flutter
10. gregoriopalama - Clean Architecture with Flutter Flutter UI toolkit Fast development
11. gregoriopalama - Clean Architecture with Flutter Flutter UI toolkit Fast development Native performance
12. gregoriopalama - Clean Architecture with Flutter Flutter UI toolkit Fast development Native performance Cross platform
13. gregoriopalama - Clean Architecture with Flutter Flutter UI toolkit Fast development Native performance Cross platform Uses Dart
15. gregoriopalama - Clean Architecture with Flutter Flutter
16. gregoriopalama - Clean Architecture with Flutter Flutter
18. Architecture
19. gregoriopalama - Clean Architecture with Flutter Architecture Widgets separation?
20. gregoriopalama - Clean Architecture with Flutter Architecture Widgets separation? Patterns?
21. gregoriopalama - Clean Architecture with Flutter Architecture Widgets separation? Patterns? Libraries?
22. gregoriopalama - Clean Architecture with Flutter Architecture Widgets separation? Patterns? Libraries?
23. gregoriopalama - Clean Architecture with Flutter Widgets separation
24. gregoriopalama - Clean Architecture with Flutter Widgets separation Small widgets
25. gregoriopalama - Clean Architecture with Flutter Widgets separation Small widgets (good for readability)
26. gregoriopalama - Clean Architecture with Flutter Widgets separation Small widgets A lot of files
27. gregoriopalama - Clean Architecture with Flutter Widgets separation Small widgets A lot of files (reusable code)
28. gregoriopalama - Clean Architecture with Flutter Widgets separation Small widgets A lot of files Logic in UI widgets
29. gregoriopalama - Clean Architecture with Flutter Widgets separation Small widgets A lot of files Logic in UI widgets
30. gregoriopalama - Clean Architecture with Flutter Patterns
31. gregoriopalama - Clean Architecture with Flutter Patterns - BLoC
32. gregoriopalama - Clean Architecture with Flutter Patterns - BLoC Business Logic Component
33. gregoriopalama - Clean Architecture with Flutter Patterns - BLoC Business Logic Component Stream of events
34. gregoriopalama - Clean Architecture with Flutter Patterns - BLoC Business Logic Component Stream of events Great Dart support for streams
35. gregoriopalama - Clean Architecture with Flutter Patterns - BLoC Business Logic Component Stream of events Great Dart support for streams How to organize streams???
36. gregoriopalama - Clean Architecture with Flutter Libraries
37. gregoriopalama - Clean Architecture with Flutter Libraries - Provider
38. gregoriopalama - Clean Architecture with Flutter Libraries - Provider Dependency Injection
39. gregoriopalama - Clean Architecture with Flutter Libraries - Provider Dependency Injection State management
40. gregoriopalama - Clean Architecture with Flutter Libraries - Provider Dependency Injection State management How to organize the code???
42. SOLID Principles
43. Single Responsibility Principle Every module or class should have responsibility over a single part of the functionality provided by the software
44. gregoriopalama - Clean Architecture with Flutter SRP
45. gregoriopalama - Clean Architecture with Flutter SRP
46. gregoriopalama - Clean Architecture with Flutter SRP
47. Open Closed Principle Software entities should be open for extensions, but closed for modification
48. gregoriopalama - Clean Architecture with Flutter OCP
49. Liskov Substitution Principle Objects in a program should be replaceable with instances of their subtypes without altering the correctness of the program
50. gregoriopalama - Clean Architecture with Flutter LSP
51. Interface Segregation Principle No client should be forced to depend on methods it does not use
52. gregoriopalama - Clean Architecture with Flutter ISP DON’T
53. Dependency Inversion Principle High-level modules should not depend on low-level modules. Both should depend on abstractions Abstractions should not depend on details. Details should depend on abstractions
54. gregoriopalama - Clean Architecture with Flutter DIP
55. Clean Architecture
56. gregoriopalama - Clean Architecture with Flutter Clean architecture - Robert Martin
58. Clean Architecture with Flutter
59. gregoriopalama - Clean Architecture with Flutter
60. gregoriopalama - Clean Architecture with Flutter God widget
61. gregoriopalama - Clean Architecture with Flutter Semi-God widget Data
62. gregoriopalama - Clean Architecture with Flutter Semi-God widget Data Domain
63. gregoriopalama - Clean Architecture with Flutter Data Domain Presentation
64. gregoriopalama - Clean Architecture with Flutter Data Domain Presentation API
65. gregoriopalama - Clean Architecture with Flutter Data Domain Presentation API Raw Data
66. gregoriopalama - Clean Architecture with Flutter Data Domain Presentation API Data source Raw Data
67. gregoriopalama - Clean Architecture with Flutter Data Domain Presentation API Data source Raw Data Models
68. gregoriopalama - Clean Architecture with Flutter Data Domain Presentation API Data source Raw Data Repository Models
69. gregoriopalama - Clean Architecture with Flutter Data Domain Presentation API Data source Raw Data Repository Models Entities
70. gregoriopalama - Clean Architecture with Flutter Data Domain Presentation API Data source Raw Data Repository Models Use cases Entities
71. gregoriopalama - Clean Architecture with Flutter Data Domain Presentation API Data source Raw Data Repository Models Use cases Entities Presentation logic
72. gregoriopalama - Clean Architecture with Flutter Data Domain Presentation API Data source Raw Data Repository Models Use cases Entities Presentation logic
73. gregoriopalama - Clean Architecture with Flutter Data Domain Presentation API Data source Raw Data Repository Models Use cases Entities Presentation logic Widgets
74. gregoriopalama - Clean Architecture with Flutter Data Domain Presentation API Data source Raw Data Repository Models Use cases Entities Presentation logic Widgets BLoC
75. gregoriopalama - Clean Architecture with Flutter Data Domain Presentation API Data source Raw Data Repository Models Use cases Entities Presentation logic Widgets IoC Dependency Injection
76. gregoriopalama - Clean Architecture with Flutter Data Domain Presentation API Data source Raw Data Repository Models Use cases Entities Presentation logic Widgets IoC Dependency Injection (Provider)
78. gregoriopalama - Clean Architecture with Flutter
79. gregoriopalama - Clean Architecture with Flutter
80. gregoriopalama - Clean Architecture with Flutter
81. gregoriopalama - Clean Architecture with Flutter
82. gregoriopalama - Clean Architecture with Flutter
83. gregoriopalama - Clean Architecture with Flutter
84. gregoriopalama - Clean Architecture with Flutter
85. gregoriopalama - Clean Architecture with Flutter
86. gregoriopalama - Clean Architecture with Flutter
87. gregoriopalama - Clean Architecture with Flutter
89. gregoriopalama - Clean Architecture with Flutter Recap
90. gregoriopalama - Clean Architecture with Flutter Recap Clean Architecture is SOLID in practice
91. gregoriopalama - Clean Architecture with Flutter Recap Interfaces allows Inversion of Control
92. gregoriopalama - Clean Architecture with Flutter Recap Interfaces allows Dependency Injection
93. gregoriopalama - Clean Architecture with Flutter Recap Interfaces allows Dependency Inversion
94. gregoriopalama - Clean Architecture with Flutter Recap Provider is good for Dependency Injection
95. gregoriopalama - Clean Architecture with Flutter Recap BLoC is great for state management
96. gregoriopalama - Clean Architecture with Flutter Recap Widgets! A lot of small, reusable widgets!
97. gregoriopalama - Clean Architecture with Flutter
98. Q & A
99. Thanks