Можете объяснить принцип действия функции mutableStateOf в Jetpack Compose и как она управляет состоянием пользовательского интерфейса?

Функция mutableStateOf в Jetpack Compose создаёт объект состояния, который хранит изменяемое значение и уведомляет Compose о его изменениях.

Когда значение, обёрнутое в mutableStateOf, меняется, Compose автоматически перерисовывает те части UI, которые зависят от этого состояния. Это позволяет эффективно управлять состоянием интерфейса без необходимости вручную обновлять UI.

Пример использования:

var count by mutableStateOf(0)

Button(onClick = { count++ }) {
    Text("Нажато $count раз")
}

Здесь при каждом нажатии кнопки значение count увеличивается, и текст автоматически обновляется благодаря системе отслеживания состояния, реализованной через mutableStateOf.