SwiftLille Meetup #5 - Alexandre MARDON - On a osé ! Flutter dans une application native

Intégrer un module Flutter dans leurs applications natives en production, c'est le pari qu'a fait Decathlon. Pourquoi ils ont fait ce choix, quelles sont les embûches qu'ils ont rencontrées et ce qu'ils en ont tiré, c'est l'objet de ce talk qui présentera le parcours du module, de la conception à la production.

Transcript

1. ON A OSÉ: FLUTTER DANS UNE APPLICATION NATIVE UN RETOUR D'EXPÉRIENCE
2. Qu'est-ce que Flutter ? Introduction à Flutter
3. Qu'est-ce que Flutter ? Introduction à Flutter Release officielle Décembre 2018 OpenSource
4. Qu'est-ce que Flutter ? Introduction à Flutter Release officielle Décembre 2018 OpenSource Performances Code natif Expérience développeur Hot reload, declarative UI </> Multiplateforme a portable UI framework for an ambient computing world
5. Contexte Intégration du module Flutter CubeInStore
6. Contexte Intégration du module Flutter CubeInStore app perfeco user catalog
7. Contexte Intégration du module Flutter CubeInStore Kotlin Java/Kotlin app perfeco user catalog
8. Contexte Intégration du module Flutter MVP CubeInStore Kotlin Java/Kotlin app perfeco user catalog
9. Contexte Intégration du module Flutter MVVM MVP CubeInStore Kotlin Java/Kotlin app perfeco user catalog
10. Contexte Intégration du module Flutter MVVM MVP CubeInStore Kotlin Java/Kotlin app perfeco user catalog cashing
11. Contexte Intégration du module Flutter MVVM MVP CubeInStore Kotlin Java/Kotlin app perfeco user catalog cashing Flutter ?
12. Documentation Veille technique préalable Documentation Flutter Documentation sur Flutter en tant que module
13. Documentation Veille technique préalable Documentation Flutter Documentation sur Flutter en tant que module
14. Documentation Veille technique préalable Documentation Flutter Documentation sur Flutter en tant que module
15. Documentation Veille technique préalable Documentation Flutter Documentation sur Flutter en tant que module
16. Challenges attendus Intégration du module Flutter Une nouvelle architecture Partage de données OAuth2 Token, API Keys Widget & UI spécifique
17. Challenges attendus Intégration du module Flutter Une nouvelle architecture Partage de données OAuth2 Token, API Keys Widget & UI spécifique
18. Challenges attendus Intégration du module Flutter Une nouvelle architecture Partage de données OAuth2 Token, API Keys Widget & UI spécifique
19. Challenges attendus Intégration du module Flutter Une nouvelle architecture Partage de données OAuth2 Token, API Keys Widget & UI spécifique
20. Challenges attendus Intégration du module Flutter Une nouvelle architecture Partage de données OAuth2 Token, API Keys Widget & UI spécifique
21. Intégration Intégration du module Flutter Android Source code ou Android Archive (AAR)
22. Intégration Intégration du module Flutter Android Source code ou Android Archive (AAR) ou
23. Intégration Intégration du module Flutter Android Source code ou Android Archive (AAR) FlutterActivity, FlutterFragment, FlutterView
24. Intégration Intégration du module Flutter Android Source code ou Android Archive (AAR) FlutterActivity, FlutterFragment, FlutterView ou ou
25. Intégration Intégration du module Flutter Android Source code ou Android Archive (AAR) FlutterActivity, FlutterFragment, FlutterView ou ou Facile !
26. Intégration iOS CocoaPods ou Framework Intégration du module Flutter
27. Intégration iOS CocoaPods ou Framework Intégration du module Flutter ou
28. Intégration iOS CocoaPods ou Framework FlutterEngine FlutterViewController Intégration du module Flutter
29. Intégration iOS CocoaPods ou Framework FlutterEngine FlutterViewController Intégration du module Flutter
30. Intégration iOS CocoaPods ou Framework FlutterEngine FlutterViewController Intégration du module Flutter
31. Intégration iOS CocoaPods ou Framework FlutterEngine FlutterViewController Intégration du module Flutter
32. Intégration iOS CocoaPods ou Framework FlutterEngine FlutterViewController Intégration du module Flutter Facile !
33. Apprentissage Intégration du module Flutter
34. Apprentissage Intégration du module Flutter Reconnaissance des widgets 2-3 semaines Cycle de vie, construction des vues à chaque frame ou presque 1-2 semaines State management 1 mois Arbre de widget // arbre de context // RenderObjects 2-3 mois Etapes :
35. Communication entre natif et Flutter : les MethodChannels Intégration du module Flutter
36. Communication entre natif et Flutter : les MethodChannels Intégration du module Flutter Pont d'appel de fonction entre les deux codebase Partage de données : facile
37. Communication entre natif et Flutter : les MethodChannels Les premières difficultés Pont d'appel de fonction entre les deux codebase Faire intéragir du code : pas facile
38. Les premières difficultés
39. Les premières difficultés
40. Les premières difficultés
41. Les premières difficultés Natif
42. Les premières difficultés Natif
43. Les premières difficultés Natif
44. Les premières difficultés Natif
45. Les premières difficultés Natif
46. Les premières difficultés Module vs Stand-alone
47. Les premières difficultés Exemple En vidéo! Module vs Stand-alone
48. Les premières difficultés Exemple En vidéo! Module vs Stand-alone
49. Les premières difficultés Exemple En vidéo! Module vs Stand-alone
50. Intégration aux processus Les premières difficultés
51. Intégration aux processus Les premières difficultés Sources Flutter
52. Intégration aux processus Les premières difficultés Sources Flutter Génération aar en local
53. Intégration aux processus Les premières difficultés Sources Flutter Génération aar en local Génération aar en 
 intégration continue + Repo maven distant
54. Intégration aux processus Les premières difficultés Sources Flutter Génération aar en local Génération aar en 
 intégration continue + Repo maven distant ???
55. Intégration aux processus Les premières difficultés Sources Flutter Génération aar en local Génération aar en 
 intégration continue + Repo maven distant ??? Génération Framework local + CocoaPods privé
56. Intégration aux processus Les premières difficultés Sources Flutter Génération aar en local Génération aar en 
 intégration continue + Repo maven distant ??? Génération Framework local + CocoaPods privé Génération Framework
 en intégration continue
57. La communauté L'écosystème
58. La communauté L'écosystème Adoption grandissante
59. La communauté L'écosystème Adoption grandissante Articles, conférences, librairies
60. La communauté L'écosystème Des usages différents Adoption grandissante Articles, conférences, librairies
61. La communauté L'écosystème Des usages différents Adoption grandissante Articles, conférences, librairies
62. La communauté L'écosystème Des usages différents Adoption grandissante Articles, conférences, librairies
63. La communauté L'écosystème Des usages différents Adoption grandissante Articles, conférences, librairies
64. La communauté L'écosystème Des usages différents Adoption grandissante Articles, conférences, librairies
65. La communauté L'écosystème Des usages différents Adoption grandissante Articles, conférences, librairies
66. La communauté L'écosystème Des usages différents Adoption grandissante Articles, conférences, librairies
67. La communauté L'écosystème Des usages différents Adoption grandissante Articles, conférences, librairies </>
68. La communauté L'écosystème Des usages différents Adoption grandissante Articles, conférences, librairies </>
69. La communauté L'écosystème Des usages différents Adoption grandissante Articles, conférences, librairies </>
70. La communauté L'écosystème Des usages différents Adoption grandissante Articles, conférences, librairies </>
71. La communauté L'écosystème Des usages différents Adoption grandissante Articles, conférences, librairies </>
72. La communauté L'écosystème Des usages différents Adoption grandissante Articles, conférences, librairies </>
73. La communauté L'écosystème Des usages différents Equipe Google dédiée Adoption grandissante Articles, conférences, librairies </>
74. L'écosystème L'écosystème
75. L'écosystème L'écosystème CI/CD
76. L'écosystème L'écosystème CI/CD
77. L'écosystème L'écosystème CI/CD Internationalisation
78. L'écosystème L'écosystème CI/CD Internationalisation
79. L'écosystème L'écosystème CI/CD Internationalisation Communauté
80. Ce qu'on y a gagné L'écosystème
81. Ce qu'on y a gagné L'écosystème 1 code 2 platforms Temps de dev diminué Gestion de projet simplifiée
82. Ce qu'on y a gagné L'écosystème Expérience de développement Hot Reload, Vues 1 code 2 platforms Temps de dev diminué Gestion de projet simplifiée
83. Ce qu'on y a gagné L'écosystème Compétence Flutter Individuelle et collective Expérience de développement Hot Reload, Vues 1 code 2 platforms Temps de dev diminué Gestion de projet simplifiée
84. Ce qu'on y a gagné L'écosystème
85. Ce qu'on y a gagné L'écosystème Réflexion sur la 
 modularisation
86. Ce qu'on y a gagné L'écosystème Réflexion sur la 
 modularisation Externalisation
87. Ce qu'on y a gagné L'écosystème Réflexion sur la 
 modularisation Externalisation Stand-alone
88. SWOT Récap Strength Weakness Opportunities Threat
89. SWOT Récap Strength Weakness Opportunities Threat 1 code 2 platforms Réactivité & Performances Time-to-market Expérience de dév
90. SWOT Récap Strength Weakness Opportunities Threat Techno 'jeune', 'in preview' Multiple intéractions avec le natif 1 code 2 platforms Réactivité & Performances Time-to-market Expérience de dév
91. SWOT Récap Strength Weakness Opportunities Threat Techno 'jeune', 'in preview' Multiple intéractions avec le natif Flutter for Web Communauté grandissante Contributions externes 1 code 2 platforms Réactivité & Performances Time-to-market Expérience de dév
92. SWOT Récap Strength Weakness Opportunities Threat Techno 'jeune', 'in preview' Multiple intéractions avec le natif Flutter for Web Communauté grandissante Contributions externes Montée en compétence sous-estimée Partage et criticité de la compétence 1 code 2 platforms Réactivité & Performances Time-to-market Expérience de dév
93. Merci
94. Si c'était à refaire ? FAQ Si tu l'avais en natif, est-ce que tu aurais mis 
 moins de temps ? Est-ce que tu crois en Flutter ?