android-jetpack-compose

SKILL.md

Declarative UI toolkit for building native Android interfaces with state management and recomposition optimization.

Provides state management primitives: remember for recomposition survival, rememberSaveable for configuration changes, mutableStateOf for observable state, and derivedStateOf for computed values

Emphasizes state hoisting to create stateless, reusable composables and integrates with ViewModel and StateFlow for app-level state

Includes efficient recomposition patterns using stable keys for lists, side effect hooks (LaunchedEffect, DisposableEffect, SideEffect), and computed state to avoid expensive operations during composition

Covers Material 3 theming, Navigation Compose for routing, and lazy layouts (LazyColumn, LazyVerticalGrid) with sticky headers and adaptive grids

Android - Jetpack Compose

Modern declarative UI toolkit for building native Android interfaces.

Key Concepts

State Management

Compose provides several ways to manage state:

remember: Survives recomposition

rememberSaveable: Survives configuration changes

mutableStateOf: Creates observable state

derivedStateOf: Computed state that updates when dependencies change

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