Jetpack Compose Basics

When to use

Generating Android UI in Kotlin with Jetpack Compose.

Rules

• Prefer stateless @Composable functions; hoist state to the caller.
• Use remember { mutableStateOf(...) } only for truly local UI state.
• Apply Modifier in order: size → padding → background → clickable.
• Always add @Preview for each screen-level composable.
• Use LazyColumn/LazyRow for lists, never Column with .forEach.

Snippet

@Composable
fun Counter(count: Int, onInc: () -> Unit) {
  Button(onClick = onInc) { Text("Count: $count") }
}