compose-ui

Reduce Jetpack Compose recompositions by using remember, derivedStateOf, and stable lambdas to optimize performance. This approach minimizes redundant UI redraws by ensuring composables only recompose when their observed state actually changes.

State hoisting in Jetpack Compose moves state up to the parent while passing callbacks down to child components. Apply this pattern to create stateless, testable composables that follow unidirectional data flow, making your UI components highly reusable.

Structure Jetpack Compose modifiers by including a default modifier parameter and applying layout-affecting modifiers in a specific order. This pattern prevents unexpected layout behaviors and ensures your composable components remain flexible and maintainable.

Yes, you can integrate ViewModel with stateless Compose UI components by hoisting state to the ViewModel and passing required data and callbacks down. This architecture maintains unidirectional data flow while keeping your UI components completely stateless.

The best way to apply consistent theming across Jetpack Compose screens is leveraging MaterialTheme to establish a cohesive design language. This approach enforces consistent typography, colors, and shapes across all shared UI components.

Jetpack Compose previews break when stateless composables lack required state parameters. Fix this by passing mock data and state directly into your preview functions, ensuring the shared UI components are structured properly for previews.