compose

Slow recomposition is addressed by using stable types, avoiding allocations in composable bodies, and deferring state reads to the latest phase with lambda-based modifiers like graphicsLayer. The performance reference covers stability, baseline profiles, and benchmarking.

Use the 5-step decomposition methodology: identify the root layout, split into visual sections, pick layout types per section, extract visual properties, and map elements to Material 3 components. Design tokens map to MaterialTheme colorScheme, typography, and shapes.

Compose Multiplatform shares the runtime but not platform APIs. UI code in commonMain is portable, while platform-specific APIs like LocalContext, BackHandler, and Window require expect/actual declarations or conditional source sets.

animate*AsState animates a single property driven by state, AnimatedVisibility handles enter/exit transitions for showing or hiding content, and AnimatedContent swaps between different composables with transitions. updateTransition coordinates multiple properties from one state.

Modifiers apply left-to-right, each wrapping what follows, so padding before background produces different visuals than background before padding. Placement of clickable relative to padding also changes the touch target size.

Key migrations include string routes to type-safe @Serializable routes, accompanist pager to HorizontalPager, accompanist swiperefresh to PullToRefreshBox, animateItemPlacement to animateItem, and collectAsState to collectAsStateWithLifecycle.