0Pricing
Jetpack Compose Academy · Leçon

remember et mutableStateOf

Stockez un état qui survit à la recomposition.

remember et mutableStateOf est une leçon Jetpack Compose Academy gratuite sur CoddyKit. Ceci est la leçon 1 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 State?

In Compose, state is any value that can change over time and that your UI cares about, like a counter or a typed name. 🙂

Plain Variables Don't Work

A normal var inside a Composable changes its value, but Compose never notices, so the screen stays exactly the same.

var count = 0
Button(onClick = { count++ }) {
    Text("Count: " + count)
}

Meet mutableStateOf

Wrapping a value in mutableStateOf creates an observable holder. When its value changes, Compose knows it must redraw.

val count = mutableStateOf(0)
count.value = count.value + 1

State Reads Are Tracked

Any Composable that reads a state's value gets subscribed to it automatically. Change the value and only those readers update.

The Recomposition Trap

Compose re-runs your function on every redraw. A fresh mutableStateOf each time would reset to zero and lose your work.

remember to the Rescue

remember stores a value across recompositions. Compose computes it once, then hands back the same instance on every redraw.

val count = remember { mutableStateOf(0) }

The Classic Combo

You almost always pair them: remember keeps the holder alive, while mutableStateOf makes changes observable. Together they hold real UI state.

Cleaner with by

Use the by delegate so you read and write the value directly, skipping the noisy .value access every single time.

var count by remember { mutableStateOf(0) }
count++

Putting It Together

Read count in your Text and change it in onClick. The button taps update the number, and Compose repaints just that Text.

var count by remember { mutableStateOf(0) }
Button(onClick = { count++ }) {
    Text("Tapped " + count)
}

State Holds Any Type

State is not just numbers. You can hold a String, a Boolean, or a whole data class, and Compose still tracks every change.

var name by remember { mutableStateOf("") }

Keep State Local for Now

For small widgets, holding state right inside the Composable is fine. Later you will lift it up, but local state is the perfect starting point.

Quick Check

Why do we wrap mutableStateOf in remember?

Recap

You learned that remember plus mutableStateOf gives you state that survives recompositions and updates the UI automatically. Nice start! 🎉

Questions Fréquemment Posées

La leçon « remember et mutableStateOf » est-elle gratuite ?

Oui — le texte complet de « remember et mutableStateOf » 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 « remember et mutableStateOf » ?

Stockez un état qui survit à la recomposition. 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 1 sur 4.

Combien de temps prend la leçon « remember et mutableStateOf » ?

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

  1. remember et mutableStateOf
  2. Recomposition : qu’est-ce qui déclenche un redessin
  3. Créer un compteur de pressions
  4. rememberSaveable lors de la rotation
← Retour à Jetpack Compose Academy