Declarative UI Design with Jetpack Compose

This source presents an introductory guide to declarative UI design with Jetpack Compose, a modern toolkit for building native UIs on Android. The guide contrasts declarative UI design with imperative UI design, explaining that while imperative UI focuses on the "how" of how UIs are created, declarative UI focuses on the "what" – the desired state of the UI, leaving the implementation to the framework. This guide then discusses the components of a Compose project, such as composables (functions annotated with @Composable that build UI elements), modifiers (objects that define properties for composables), and layouts (functions like Column, Row, and Box that arrange UI elements). The guide also provides examples of common UI elements like Text, Image, Button, TextField, Icons, and LazyColumn/LazyRow which are used to create scrolling lists similar to RecyclerViews.