Premier pas avec Jetpack compose

Transcript

2. Premier pas avec Jetpack compose Yves Kalume Développeur Mobile
3. Sommaire - C’est quoi Jetpack Compose - Le paradigmes impératifs et déclaratif - Avantages de Jetpack Compose - Un petit tours dans l’univers Compose - Une petite pratique
4. Jetpack Compose
5. Declaratif & Imperatif
6. Impératif vs Déclaratif L’approche impérative consiste à décrire étape par étape comment un programme doit s'exécuter afin d'aboutir à un résultat. L'approche déclarative consiste à décrire le résultat final souhaité, au lieu d'énumérer toutes les étapes d'exécution qui mènent à ce résultat.
7. Déclaratif Impératif Empiler 3 les boîtes selons leurs numéros par ordre décroissant 1. Mettre la boite 3 par terre 2. Ensuite la boite 2 au dessus de la boîte 3 3. Puis la boite 1 au dessus de la boîte 2 Impératif vs Déclaratif
8. Impératif vs Déclaratif textVie : TextView = findViewById(R.id.tV) button : Button = findViewById(R.id.btn) var count = 0 textView.text = count button.setOnClickListener { count++ textView.text = count } @Composable fun Counter() { var count by remember { mutableStateOf(0) } Text("${count}") Button(onClick = { count++ }) }
9. Avantages
10. Courbe d’apprentissage Interopérabilité avec le xml Multiplateforme Taille de l’Apk Build time Intuitif Flow de données unidirectionnel Modulaire
12. Un petit tours dans l’univers Compose
13. Composable @Composable fun Greet(name: String) { Text("Salut $name") }
14. Modifier @Composable fun TextWidthPadding() { Text( "Salut Devscast", Modifier.padding(32.dp) .background(color = Color.Green) ) }
15. Composition L'exécution initiale d'un composable qui retourne un élément UI
16. ReComposition Le fait d'exécuter à nouveau un composable afin de le mettre à jour.
17. State Une valeur à laquelle un composable peut souscrire et qui peut déclencher une recomposition.
18. Cycle de vie d’un Composable Entre en composition Quitte la composition
19. Démo
20. Conclusion
21. Références - https://developer.android.com/jetpack/compose/mental-model - https://developer.android.com/jetpack/compose - https://www.youtube.com/watch?v=qvDo0SKR8-k https://t.me/devscast