Achieving next-level code between Flutter and the Mobile Web

on YouTube ↗44m

" summary

A movie app prototype becomes a native Flutter app plus a Progressive Web App that reuses 40% shared code by putting business logic in a core Dart package and keeping UIs thin. Concrete tools: AngularDart + Flutter for web and mobile, Redux/Bloc-style state, dependency injection with an abstract KeyValueStore and platform impls (localStorage vs shared_preferences). Development takes weeks with hot reload, the PWA runs offline and close-to-native speed, and the approach proves practical for shipping a working multi-platform product.

AI-written summary · about

" chapters (42)

1. 0:00Intro
2. 1:39The problem
3. 3:11The name
4. 4:02How long it took
5. 4:57Getting carried away
6. 7:33fast release builds
7. 8:26Fodder
8. 9:40Dart
9. 10:11Dart features
10. 12:06Hobby project
11. 12:59Hot Reload
12. 13:48Angular Dart
13. 14:50Any Kingdom Working
14. 15:20Progressive Web App
15. 16:09The best of all worlds
16. 16:38Architecture layering and decoupling
17. 17:04Dont do this
18. 17:46Business logic
19. 18:38Architecture
20. 19:08N1 Projects
21. 21:09Redux
22. 22:58Theater Selection
23. 23:35Angular Dart Component
24. 25:41Persistence locally
25. 26:33Dependencies
26. 27:12Web Implementation
27. 28:20Advanced Business Logic
28. 29:13Conclusion
29. 30:02QA
30. 31:11Flutter vs Cotton
31. 32:13Alcohol in Finland
32. 33:02Is Flutter better than Xamarin
33. 34:03Is Flutter good for apps
34. 34:34Questions
35. 35:24Bridging
36. 36:34App size
37. 37:10Ready for production
38. 38:06Compatibility
39. 39:45React Native vs Native Script
40. 40:53Where is business logic hosted
41. 41:48Voting
42. 42:51Backwards compatibility

" related talks

• 29mArchitecting the Reactive App with FlutterGavin Doughtie · ReactiveConf 2017
• 34mGoogle Flutter: The Next Frontier in Mobile DevelopmentKamal Shree · droidcon Toronto 2019
• 15mGoing from a Flutter Mobile App to a Production Web App in 2 Months, I...Michaël Ohayon · Devoxx France 2024
• 42mFlutter everywhere — from Mobile to WebFaisal Abid · Android Summit 2019
• 06mFlutter: Falling in Love Again with Mobile and Web DevLara Martin · Codemotion Berlin 2019
• 35mBuilding Modern Cross-Platform Apps with FlutterVinay Gaba · droidcon San Francisco 2017
• 33mBeyond Mobile: Building Flutter Apps for iOS, Android, Chrome OS, and WebEmily Fortuna, Emily Shack · Google I/O 2019
• 13mLearn how Flutter enhances web appsKevin Moore · Google I/O 2022