Como funciona o Jetpack Compose?

Jetpack Compose é um framework de UI declarativo para Android, construído na linguagem Kotlin. Baseia-se no princípio de "UI como função do estado".

Conceitos-chave:

• Declaratividade: O desenvolvedor descreve como a UI deve parecer para um estado dado, em vez de como alterá-la (abordagem imperativa).
• Composição: A UI é construída a partir de pequenos elementos reutilizáveis — funções Composable.
• Estado: Dados que determinam a aparência atual da UI. Alterar o estado provoca automaticamente uma nova renderização (recomposição).
• Recomposição: Processo de chamar novamente funções Composable quando o estado muda para atualizar a UI. Compose redesenha inteligentemente apenas as partes que realmente mudaram.
• Kotlin: Compose é totalmente escrito em Kotlin e usa suas características (como lambdas, corrotinas) para criar código expressivo e conciso.

Processo de trabalho:

1. O desenvolvedor define a UI usando funções Composable.
2. Essas funções descrevem como a UI deve parecer com base no estado atual.
3. Compose cria uma árvore de elementos UI na memória.
4. Quando o estado muda, Compose inicia o processo de recomposição.
5. Durante a recomposição, Compose determina quais partes da UI precisam ser atualizadas.
6. Ele chama apenas as funções Composable cujo estado mudou ou das quais dependem.
7. Compose usa técnicas como "slots" e comparação do estado anterior e atual das funções Composable para minimizar o trabalho durante a recomposição. As mudanças são aplicadas à UI real.

Exemplo de função Composable:

@Composable
fun Greeting(name: String) {
    Text(text = "Hello, $name!")
}