When I first started learning Jetpack Compose, one concept confused me a lot: State.

But once I understood it, everything became much easier.

Let me explain it in a simple way 👇

🔄 What is State?

Think of State like a light switch.

When the switch changes → the light updates

When state changes → the UI updates

In Jetpack Compose, UI is automatically redrawn when state changes.

🧩 Basic Example

@Composable fun CounterScreen () { var count by remember { mutableStateOf ( 0 ) }

Column { Text ( text = "Count: $count" )

Button ( onClick = { count ++ }) { Text ( "Increase" ) } } }

Enter fullscreen mode

Exit fullscreen mode

🧠 What’s happening here?

remember → keeps value during recomposition

mutableStateOf → creates observable state

count++ → updates state → UI updates automatically

👉 You don’t manually refresh UI.…