Ako funguje Jetpack Compose?

Jetpack Compose je deklaratívny UI rámec pre Android, postavený na jazyku Kotlin. Je založený na princípe "UI ako funkcia stavu".

Kľúčové koncepty:

• Deklaratívnosť: Vývojár opisuje ako by mala vyzerať UI pre daný stav, namiesto ako ju meniť (imperatívny prístup).
• Kompózícia: UI je zostavené z malých, opakovane použiteľných prvkov — funkcií Composable.
• Stav: Dáta, ktoré určujú aktuálny vzhľad UI. Zmena stavu spôsobí automaticky prekráslenie (recomposition).
• Recomposition: Proces opätovného volania funkcií Composable pri zmene stavu na aktualizáciu UI. Compose inteligentne prekreslí iba tie časti, ktoré sa skutočne zmenili.
• Kotlin: Compose je úplne napísaný v Kotlin a využíva jeho vlastnosti (napríklad lambdy, korutiny) na tvorbu výstižného a stručného kódu.

Pracovný proces:

1. Vývojár definuje UI pomocou funkcií Composable.
2. Tieto funkcie opisujú, ako by mal UI vyzerať na základe aktuálneho stavu.
3. Compose vytvára strom prvkov UI v pamäti.
4. Pri zmene stavu, Compose spúšťa proces rekonstrukcie.
5. Počas rekonstrukcie určí, ktoré časti UI je potrebné aktualizovať.
6. Zavolá len tie Composable funkcie, ktorého stav sa zmenil alebo na ktoré závisia.
7. Compose používa techniky ako "sloty" a porovnanie predchádzajúceho a nového stavu funkcií Composable na minimalizáciu práce počas rekonstrukcie. Zmeny sa aplikujú na skutočné UI.

Príklad Composable funkcie:

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