android-jetpack-compose

Jetpack Compose enables declarative UI development by replacing XML layouts with composable functions. You define UI as a hierarchy of composables that automatically recompose when state changes, eliminating manual view updates and reducing boilerplate compared to traditional imperative approaches.

Use remember for local state within a composable's scope and rememberSaveable to persist state across configuration changes and process death. For complex app-level state, integrate ViewModels with mutableStateOf and derivedStateOf to maintain data consistency across recompositions.

Yes, Jetpack Compose integrates seamlessly with ViewModels following MVVM patterns. Expose state from ViewModels as observable properties, collect them in composables, and wire UI events back to ViewModel methods for clean separation of concerns.

Use LaunchedEffect and related APIs to safely trigger side effects outside the composition scope. LaunchedEffect runs when keys change, ensuring network requests, analytics, or subscriptions execute at the right lifecycle moment without causing recomposition loops.

Build reusable composables by extracting UI logic into parameterized functions that accept state and callbacks. Leverage slot APIs for flexible composition, allowing parent composables to inject custom content while maintaining composability and testability.