From 0 to production with Flutter in a month*

Slides of my talk at DroidconItaly 2024: From 0 to production with Flutter in a month*

Transcript

1. From 0 to production © Luca Nicoletti 2024 With Flutter in a month*
2. Luca Nicoletti • Android Engineer ~7 years • Jetpack Compose enthusiast • Youtuber (ish) • Into Multiplatform • Not only KMP 👋
3. How?
4. Chat GPT
5. Questions?
6. The timeline
7. The timeline 1 month development 03/05 27/05 First commit First release
8. The timeline Weeks before 03/05 The wall 🧱 Coding 💻* The switch 🔄
9. The timeline Months before Coding 💻 08/03 The idea 💡 The planning 📝 The design 🎨
10. The timeline Diamong painting
11. The timeline Diamong painting
12. The timeline Years before 2024 Coding job The idea 💡 2013 May - Jun 2017 } Flutter test*
13. The app 📱
14. The app 📱
15. The app 📱
16. The switch 🔄
17. The switch 🔄 Facing a wall 🧱 • Slow rendering (with Jetpack Compose) • Would need a second project for the Native iOS • With 0-ish knowledge of the platform
18. The switch 🔄 Why not React? • Adversion through Js • ReactNative uses native components • Would the rendering problem occur again?
19. The switch 🔄 Why not KMP? • Love for Kotlin • Compose Multiplatform • Would face the same problem? • LocalDB? • Still too early?
20. Tools
21. Tools What I used • Visual Studio Code + Terminal • Android Studio • Mac OS • iPhone • Emulators • Physical Android
22. Tools What I used
23. The development
24. The development Libraries • Navigation: `go_router` • Persistence: `provider` • Storage: `shared_preferences` & `sq f lite` • Interactions: • Sounds: `soundpool` • Vibrations: ` f lutter_vibrate` • Upgrade dialog: `upgrader`
25. The development Libraries • Others • ` f irebase_analytics` • ` f irebase_crashlytics` • ` f irebase_database` • `cached_network_image` • ` f lutter_svg`
26. The development go_router
27. The development go_router
28. The development go_router
29. The development Provider
30. The development shared_preferences
31. The development shared_preferences
32. The development shared_preferences
33. The development sq f lite
34. The development sq f lite
35. The development sq f lite
36. The development Soundpool
37. The development Soundpool
38. The development f lutter_vibrate
39. The development Upgrader
40. The development Upgrader
41. The development Libraries • Image picker: `image_picker` • Image cropper: `image_cropper`
42. The development image_picker
43. The development image_picker & image_cropper
44. The development image_cropper
45. The development image_cropper
46. The development image_cropper
47. The development image_cropper
48. The development Libraries • UI • Confetti: `confetti` • Intro: `page_view_dot_indicator`, `carousel_slider` • Intro: `rotated_corner_decoration` • Capturing the Widget: `widgets_to_image` • Sharing the result: `share_plus`
49. The development widgets_to_image & share_plus
50. The development widgets_to_image & share_plus
51. The development confetti
52. The development confetti
53. The development rotated_corner_decoration
54. The development rotated_corner_decoration
55. The development rotated_corner_decoration
56. First feedbacks
57. First feedbacks What to improve • The timer gives anxiety 😥 • Haptic feedback 📳 • Sound 🔊 • Multiple games at the same time ♟👾🕹🎲
58. First feedbacks What to improve • Timer became collapsible
59. First feedbacks What to improve • Multiple games at the same time ♟👾🕹🎲
60. Release!
61. Release Now what? Task iOS Android Setup Developer account ❌ ✅ Pay the fees ❌ ✅ Generate release builds ❌ ✅ Beta release ✅ ❌ Promote the release ✅ ✅
62. Release Building them
63. Release Now what? Task iOS Android Setup Developer account 🟰 🟰 Pay the fees ❌ ✅ Generate release builds 🟰 🟰 Beta release ✅ ❌ Promote the release 🟰 🟰
64. Problems
65. Problems What went wrong • ChatGPT is ok, not good • ZoomableWidget* • Apps size! • Users really notice that!
66. Problems ZoomableWidget
67. Problems ZoomableWidget
68. Problems ZoomableWidget
69. Problems ZoomableWidget
70. Problems ZoomableWidget
71. Problems Widget generation
72. Problems Widget generation ChatGPT VSCode plugin
73. Problems Widget generation
74. Problems What I did wrong • Simple approach (Provider 👀) • Complexity kept adding • No structure
75. Problems Provider
76. Future
77. Future Would I use it again? • Yes • No
78. Future Would I use it again? • Yes • Framework knowledge • Enjoyment of development • Multi-platform • Good support & libraries • No
79. Future Would I use it again? • Yes • No • App size • Language lacks features • Lacking knowledge (Architecture, best practices, etc…)
80. The serious ones Questions?
81. Thank you! © Luca Nicoletti 2024 🙏