jetpack-compose

Jetpack Compose enables declarative UI development by letting you describe UI as composable functions that automatically update when state changes, replacing imperative XML layouts and reducing boilerplate code.

State hoisting moves state management up the composable hierarchy to make components stateless and reusable. This pattern enables easier testing, predictable data flow, and prevents duplicate state across screens.

Material 3 theming in Compose uses centralized color, typography, and shape definitions through MaterialTheme composables, ensuring consistent branding across your entire app with minimal repetition.

The slot API lets you pass composable content as parameters, creating flexible container components that accept custom layouts and content without tight coupling, similar to composition in React.

Compose provides AnimatedVisibility, animateContentSize, and transition APIs that trigger automatically when state changes, enabling smooth animations without manual keyframe management.

Use LazyColumn and LazyRow with key parameters to ensure efficient recomposition, and apply remember for expensive computations; these prevent rendering off-screen items and unnecessary redraws.