compose-state-authoring

To manage local state in Jetpack Compose safely, use `remember` with `mutableStateOf` to ensure state persists across recompositions and updates the UI correctly when user interactions occur.

The `@ReadOnlyComposable` annotation is used when a composable function only reads state without modifying it. It helps optimize Jetpack Compose performance by skipping unnecessary recompositions for read-only UI components.

The best way to handle form state is using `remember` and `mutableStateOf` within your composable functions. This ensures the form's local state persists and updates correctly during user interactions like text input.

Compose UI state resets when `mutableStateOf` is used without `remember`. Wrapping your state in `remember` prevents the state from being recreated during recomposition, fixing unexpected behavior and data loss.

Using `var` directly inside a composable function does not trigger recomposition. You must use `var` with `mutableStateOf` and `remember` to properly manage local state and ensure UI updates in Jetpack Compose.