Recomposition : qu’est-ce qui déclenche un redessin
Comprenez quand Compose réexécute votre code.
Recomposition : qu’est-ce qui déclenche un redessin est une leçon Jetpack Compose Academy gratuite sur CoddyKit. Ceci est la leçon 2 sur 4. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage Jetpack Compose Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours Jetpack Compose Academy comprend 4 leçons au total.
Certaines parties de cette leçon n'ont pas encore été traduites et s'affichent en anglais.
What Is Recomposition?
Recomposition is Compose re-running your Composable functions to update the screen after some state they read has changed.
Triggered by State Reads
A redraw is triggered only when a piece of state a Composable read actually changes. No state change means no recomposition.
Only Readers Re-Run
Compose is smart: it re-runs only the Composables that read the changed state, not your whole screen. This keeps updates cheap.
Recomposition Can Skip
If a Composable's inputs did not change, Compose may skip re-running it entirely. Unchanged work is simply reused.
It Can Run Out of Order
Compose may recompose Composables in any order or even in parallel. Never assume one runs before another.
It Can Run Often
Recomposition can happen frequently, even every animation frame. Your Composable code should be fast and lightweight.
Keep Composables Pure
Treat Composables as side-effect free. Avoid writing files or starting work directly in the body, since it may re-run many times.
@Composable
fun Greeting(name: String) {
Text("Hi " + name)
}Watch a Counter Recompose
Each time count changes, the Text that reads it recomposes and shows the new number, while untouched siblings stay put.
var count by remember { mutableStateOf(0) }
Text("Value: " + count)Don't Do Heavy Work Inline
Running an expensive calculation in the body repeats it on every recomposition. Move it out or remember the result.
remember Caches Computations
Wrap a costly value in remember so Compose computes it once and reuses it across recompositions instead of redoing the work.
val sorted = remember(items) { items.sorted() }Mental Model
Think of the UI as a function of state. Change the state, Compose recomputes the affected parts, and the screen follows.
Quick Check
What actually triggers a recomposition?
Recap
You now know recomposition re-runs only the readers of changed state, can run often and out of order, so keep Composables fast and pure. 🎯
Apprends Kotlin avec un tuteur IA — gratuit
Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.
- Cours
- 30
- Leçons
- 120
Questions Fréquemment Posées
La leçon « Recomposition : qu’est-ce qui déclenche un redessin » est-elle gratuite ?
Oui — le texte complet de « Recomposition : qu’est-ce qui déclenche un redessin » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours Jetpack Compose Academy, passe à CoddyKit PRO. Le cours Jetpack Compose Academy comprend 4 leçons au total.
Qu'est-ce que j'apprendrai dans « Recomposition : qu’est-ce qui déclenche un redessin » ?
Comprenez quand Compose réexécute votre code. Tu pratiques Jetpack Compose Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer Jetpack Compose Academy ?
Aucune expérience préalable n'est requise. Jetpack Compose Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 2 sur 4.
Combien de temps prend la leçon « Recomposition : qu’est-ce qui déclenche un redessin » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon Jetpack Compose Academy ?
Oui. Chaque leçon Jetpack Compose Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- remember et mutableStateOf
- Recomposition : qu’est-ce qui déclenche un redessin
- Créer un compteur de pressions
- rememberSaveable lors de la rotation