Skyyo

@file:OptIn(ExperimentalLifecycleComposeApi::class)

package com.skyyo.template.utils.extensions

import androidx.compose.runtime.Composable
import androidx.compose.runtime.Immutable
import androidx.compose.runtime.State
import androidx.compose.runtime.produceState
import androidx.compose.ui.platform.LocalLifecycleOwner
import androidx.lifecycle.Lifecycle

Skyyo

@Composable
private fun HorizontallyMovingButton(scrollProvider: () -> Float) {
    Button(modifier = Modifier.graphicsLayer { translationX = scrollProvider() }) 
}

Skyyo

@Composable
fun ModifierLambdasScreen() {
    val scrollState = rememberScrollState()
    BoxWrapper {
        ScrollingArea(scrollState)
        HorizontallyMovingButton(scrollState.value * 1.5f)
    }
}

@Composable

Skyyo

@Composable
fun StateReadsLowerStateReadsOptimizedScreen(viewModel: TypicalViewModel = hiltViewModel()) {
    ColumnWrapper {
        InputsWrapper(
            nameStateFlow = viewModel.name,
            creditCardNumberStateFlow = viewModel.creditCardNumber,
            onNameEntered = viewModel::onNameEntered,
            onCreditCardNumberEntered = viewModel::onCardNumberEntered
        )
    }

Skyyo

@Composable
@NonRestartableComposable
private fun InputsWrapperAnnotation(
    name: String,
    creditCardNumber: String,
    onNameEntered: (value: String) -> Unit,
    onCreditCardNumberEntered: (value: String) -> Unit,
) {
    var innerCount by remember { mutableStateOf(0) }

Skyyo

@Composable
private fun InputsWrapperOptimized(
    provideName: () -> String,
    provideCreditCardNumber: () -> String,
    onNameEntered: (value: String) -> Unit,
    onCreditCardNumberEntered: (value: String) -> Unit,
) {
    var count by remember { mutableStateOf(0) }
    
    NameTextFieldOptimized(provideName, onNameEntered)

Skyyo

@Composable
private fun InputsWrapper(
    name: String,
    creditCardNumber: String,
    onNameEntered: (value: String) -> Unit,
    onCreditCardNumberEntered: (value: String) -> Unit,
) {
    var count by remember {
        mutableStateOf(0)
    }

Skyyo

@Composable
fun StateReadsInputLambdasScreen(viewModel: TypicalViewModel = hiltViewModel()) {
    val name by viewModel.name.collectAsStateWithLifecycle()
    val creditCardNumber by viewModel.creditCardNumber.collectAsStateWithLifecycle()

    Column {
        InputsWrapper(
            name = name,
            creditCardNumber = creditCardNumber,
            onNameEntered = viewModel::onNameEntered,

Skyyo

@Composable
fun StateReadsInlinedComposablesSolution2Screen() {
    var count by remember { mutableStateOf(0) }
    Column {
        TextWrapper(provideCount = { count })
        Button(onClick = { count++ }) {
            Text(text = "count++")
        }
    }
}

Skyyo

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

    WrappedColumn {
        Text(text = "count: $count")
        Button(onClick = { count++ }) {
            Text(text = "increase count")
        }
    }