Jak funguje Jetpack Compose?

Jetpack Compose je deklarativní UI rámec pro Android, postavený na jazyce Kotlin. Je založen na principu "UI jako funkce stavu".

Klíčové koncepty:

• Deklarativnost: Vývojář popisuje jak by měla vypadat UI pro daný stav, místo toho, aby jak ji měnit (imperativní přístup).
• Kompocie: UI je sestavováno z malých, znovu použitelných prvků — funkcí Composable.
• Stav: Data, která určují aktuální vzhled UI. Změna stavu automaticky vyvolá překreslení (recomposition).
• Recomposition: Proces opětovného volání funkcí Composable při změně stavu za účelem aktualizace UI. Compose inteligentně překreslí pouze části, které se skutečně změnily.
• Kotlin: Compose je kompletně napsán v Kotlinu a využívá jeho vlastnosti (například lambdy, korutiny) k tvorbě výstižného a stručného kódu.

Pracovní proces:

1. Vývojář definuje UI pomocí funkcí Composable.
2. Tyto funkce popisují, jak by měl UI vypadat na základě aktuálního stavu.
3. Compose vytváří strom prvků UI v paměti.
4. Při změně stavu spustí Compose proces rekonstrukce.
5. Během rekonstrukce určí, které části UI je třeba aktualizovat.
6. Zavolá pouze ty funkce Composable, jejichž stav se změnil nebo na které závisí.
7. Compose používá techniky jako "sloty" a porovnání předchozího a nového stavu funkcí Composable k minimalizaci práce během rekonstrukce. Změny jsou aplikovány na skutečné UI.

Příklad Composable funkce:

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