Jetpack Compose Academy · Aula

Recomposição: O que Aciona um Redesenho

Entenda quando o Compose executa seu código novamente.

Recomposição: O que Aciona um Redesenho é uma aula grátis de Jetpack Compose Academy no CoddyKit. Esta é a aula 2 de 4. Você pode ler a aula completa abaixo gratuitamente — depois pratica ao vivo no navegador com um editor de código integrado e um tutor de IA 24/7. Faz parte do caminho de aprendizado de Jetpack Compose Academy, e seu progresso é sincronizado entre a web e o app CoddyKit. O curso de Jetpack Compose Academy inclui 4 aulas no total.

Partes desta aula ainda não foram traduzidas e aparecem em 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. 🎯

Perguntas Frequentes

A aula “Recomposição: O que Aciona um Redesenho” é grátis?

Sim — o texto completo de “Recomposição: O que Aciona um Redesenho” é grátis para ler aqui na web. Para praticá-la interativamente (um editor de código integrado e um tutor de IA 24/7) e desbloquear o restante do curso de Jetpack Compose Academy, atualize para CoddyKit PRO. O curso de Jetpack Compose Academy inclui 4 aulas no total.

O que vou aprender em “Recomposição: O que Aciona um Redesenho”?

Entenda quando o Compose executa seu código novamente. Você pratica Jetpack Compose Academy com código prático que executa diretamente no navegador, e um tutor de IA 24/7 responde suas dúvidas enquanto trabalha na aula.

Preciso ter experiência prévia para começar Jetpack Compose Academy?

Nenhuma experiência prévia é necessária. Jetpack Compose Academy no CoddyKit é estruturado para alunos iniciantes até avançados, então você pode começar aqui ou desde o início e aprender no seu ritmo. Esta é a aula 2 de 4.

Quanto tempo leva a aula “Recomposição: O que Aciona um Redesenho”?

A maioria das aulas CoddyKit leva cerca de 5–10 minutos. Cada uma é compacta e interativa, então você faz progresso constante e retoma exatamente de onde parou entre web e app.

Posso escrever e executar código nesta aula de Jetpack Compose Academy?

Sim. Cada aula de Jetpack Compose Academy inclui um editor de código integrado, então você escreve e executa código real direto no navegador e recebe feedback de IA instantaneamente — nenhuma configuração local necessária.

Todas as aulas deste curso

← Voltar para Jetpack Compose Academy