How to develop merchant browsing history feature in LINE SHOPPING App using Clean Architecture @TECHPULSE 2023

- Speaker: Ricky Hu
- Event: http://techpulse.line.me/

作為一個 TECH FRESH，如何運用有限的時間要，透過 Clean Architecture 和 Flutter Bloc 等技術來重新設計 LINE SHOPPING App 內部 Webview 的 Appbar，以及分享在開發階段如何將任務分散成多個 Sub-task 來跟團隊合作並減輕團隊成員在 Code Review 時的負擔。

Transcript

2. Agenda › LINE SHOPPING App Introduction › Clean Architecture Data Flow › Feature Implementation 2
3. › Developed with Flutter › Structured with Clean Architecture › Improve Testability & Maintainability LINE SHOPPING App 3
4. Recently Viewed View Store 4 LINE SHOPPING App Introduction
5. Clean Architecture Data Flow BrowsingHistoryWidget Merchant BrowsingHistoryBloc GetBrowsing HistoryUseCase BrowsingHistory Repository BrowsingHistory ApiService ApiClient 5 Add Event
6. Clean Architecture Data Flow BrowsingHistoryWidget Merchant BrowsingHistoryBloc GetBrowsing HistoryUseCase BrowsingHistory Repository BrowsingHistory ApiService ApiClient 6
7. Clean Architecture Data Flow BrowsingHistoryWidget Merchant BrowsingHistoryBloc GetBrowsing HistoryUseCase BrowsingHistory Repository BrowsingHistory ApiService ApiClient 7
8. Clean Architecture Data Flow BrowsingHistoryWidget Merchant BrowsingHistoryBloc GetBrowsing HistoryUseCase BrowsingHistory Repository BrowsingHistory ApiService ApiClient 8 Dependency Inversion
9. Clean Architecture Data Flow BrowsingHistoryWidget Merchant BrowsingHistoryBloc GetBrowsing HistoryUseCase BrowsingHistory Repository BrowsingHistory ApiService ApiClient 9
10. Clean Architecture Data Flow BrowsingHistoryWidget Merchant BrowsingHistoryBloc GetBrowsing HistoryUseCase BrowsingHistory Repository BrowsingHistory ApiService ApiClient 10
11. Clean Architecture Data Flow BrowsingHistoryWidget Merchant BrowsingHistoryBloc GetBrowsing HistoryUseCase BrowsingHistory Repository BrowsingHistory ApiService ApiClient 11 Return “MerchantDto”
12. Clean Architecture Data Flow BrowsingHistoryWidget Merchant BrowsingHistoryBloc GetBrowsing HistoryUseCase BrowsingHistory Repository BrowsingHistory ApiService ApiClient 12 Return “Merchant”
13. Clean Architecture Data Flow BrowsingHistoryWidget Merchant BrowsingHistoryBloc GetBrowsing HistoryUseCase BrowsingHistory Repository BrowsingHistory ApiService ApiClient 13
14. Clean Architecture Data Flow BrowsingHistoryWidget Merchant BrowsingHistoryBloc GetBrowsing HistoryUseCase BrowsingHistory Repository BrowsingHistory ApiService ApiClient 14 Emit State
15. ApiClient Frameworks & Drivers ApiClient 15
16. BrowsingHistoryApiService Interface Adapters BrowsingHistory ApiService 16
17. BrowsingHistoryApiService Interface Adapters BrowsingHistory ApiService 17 BrowsingHistoryApi ServiceImpl
18. BrowsingHistoryRepository Use Cases BrowsingHistory Repository 18
19. BrowsingHistoryRepository Use Cases 19 BrowsingHistory Repository BrowsingHistory RepositoryImpl
20. Merchant Entities Merchant 20
21. GetBrowsing HistoryUseCase GetBrowsingHistoryUseCase Use Cases 21
22. BrowsingHistoryBloc Interface Adapters Browsing HistoryBloc 22
23. BrowsingHistoryBloc Interface Adapters Browsing HistoryBloc 23
24. BrowsingHistoryWidget Frameworks & Drivers BrowsingHistory Widget 24
25. Summary Testability & Maintainability BLoC State Management Dependency Rule Interface Adapters Entities Use Cases Frameworks & Drivers 25
26. Thank you 26