¿Cómo funciona Jetpack Compose?

Jetpack Compose es un marco de interfaz de usuario declarativo para Android, construido en el lenguaje Kotlin. Se basa en el principio de "UI como función del estado".

Conceptos clave:

• Declaratividad: El desarrollador describe cómo debe verse la UI para un estado dado, en lugar de cómo cambiarla (enfoque imperativo).
• Composición: La UI se construye a partir de pequeños elementos reutilizables — funciones Composable.
• Estado: Datos que determinan la vista actual de la UI. Cambiar el estado provoca automáticamente un redibujo (recomposición).
• Recomposición: Proceso de volver a llamar funciones Composable cuando cambia el estado para actualizar la UI. Compose redibuja inteligentemente solo las partes que realmente han cambiado.
• Kotlin: Compose está completamente escrito en Kotlin y utiliza sus características (como lambdas, corutinas) para crear código expresivo y conciso.

Proceso de trabajo:

1. El desarrollador define la UI usando funciones Composable.
2. Estas funciones describen cómo debe verse la UI en función del estado actual.
3. Compose crea un árbol de elementos UI en memoria.
4. Cuando cambia el estado, Compose inicia el proceso de recomposición.
5. Durante la recomposición, Compose determina qué partes de la UI necesitan actualizarse.
6. Solo llama a las funciones Composable cuyo estado ha cambiado o en las que dependen.
7. Compose utiliza técnicas como "slots" y comparación del estado anterior y actual de las funciones Composable para minimizar el trabajo durante la recomposición. Los cambios se aplican a la UI real.

Ejemplo de función Composable:

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