Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Premier pas avec Jetpack compose

Premier pas avec Jetpack compose

Avatar for Yves Kalume

Yves Kalume

October 19, 2022
Tweet

More Decks by Yves Kalume

Other Decks in Programming

Transcript

  1. 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
  2. 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.
  3. 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
  4. 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++ }) }
  5. Courbe d’apprentissage Interopérabilité avec le xml Multiplateforme Taille de l’Apk

    Build time Intuitif Flow de données unidirectionnel Modulaire
  6. State Une valeur à laquelle un composable peut souscrire et

    qui peut déclencher une recomposition.