Recomposición: qué provoca un redibujo
Comprenda cuándo Compose vuelve a ejecutar su código.
Recomposición: qué provoca un redibujo es una lección gratuita de Jetpack Compose Academy en CoddyKit. Esta es la lección 2 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Jetpack Compose Academy, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Jetpack Compose Academy incluye 4 lecciones en total.
Partes de esta lección aún no han sido traducidas y se muestran en inglés.
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. 🎯
Preguntas frecuentes
¿La lección «Recomposición: qué provoca un redibujo» es gratis?
Sí — el texto completo de «Recomposición: qué provoca un redibujo» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Jetpack Compose Academy, actualiza a CoddyKit PRO. El curso de Jetpack Compose Academy incluye 4 lecciones en total.
¿Qué aprenderé en «Recomposición: qué provoca un redibujo»?
Comprenda cuándo Compose vuelve a ejecutar su código. Practicas Jetpack Compose Academy con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Jetpack Compose Academy?
No se requiere experiencia previa. Jetpack Compose Academy en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 4.
¿Cuánto tiempo toma la lección «Recomposición: qué provoca un redibujo»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Jetpack Compose Academy?
Sí. Cada lección de Jetpack Compose Academy incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- remember y mutableStateOf
- Recomposición: qué provoca un redibujo
- Crear un contador de toques
- rememberSaveable durante la rotación