Can you explain the main stages of the lifecycle of a Jetpack Compose component?

In Jetpack Compose, the component lifecycle differs from the traditional Android View and is based on a reactive approach. The main stages of a component's lifecycle in Compose can be described as follows:

1. Composition — when Compose calls a @Composable function to build the UI. Here, a tree of components is created.

2. Recomposition — when the state that the component is subscribed to changes, part of the UI is recreated to display the new data.

3. Disposal — when the component is no longer needed, Compose cleans up resources and cancels subscriptions.

It is important to note that Compose manages the lifecycle automatically, and developers work with states and effects through special APIs such as remember, LaunchedEffect, DisposableEffect.

An example of using an effect with resource cleanup:

@Composable
fun Timer() {
    DisposableEffect(Unit) {
        val timer = Timer()
        timer.start()
        onDispose {
            timer.stop()
        }
    }
}