Jetpack Compose
(10 posts)Modern Android UI with Jetpack Compose — from first screens to advanced layouts. Practical examples with Material3, navigation, and state management.
All Posts
Migrating from XML Views to Compose — Gradual Adoption Strategy
Migrate from XML Views to Jetpack Compose incrementally — ComposeView in Fragments, AndroidView for legacy widgets, navigation interop, and a practical migration roadmap.
Compose + Retrofit + Coroutines — Full API Integration
Build a complete API integration in Jetpack Compose — Retrofit setup, coroutine-based calls, ViewModel state management, error handling, loading states, and pull-to-refresh.
Custom Layouts & Modifiers in Compose
Build custom layouts and modifiers in Jetpack Compose — Layout composable, custom modifiers, intrinsic measurements, and when you need to go beyond Column and Row.
Side Effects in Compose — LaunchedEffect, DisposableEffect & More
Master side effects in Jetpack Compose — LaunchedEffect, DisposableEffect, SideEffect, rememberCoroutineScope, and when to use each.
Forms in Compose — TextField, Validation & Keyboard Actions
Build production-ready forms in Jetpack Compose — TextField styling, input validation, error states, keyboard actions, and form submission patterns.
Theming in Compose — Material3, Dynamic Color & Dark Mode
Set up a complete theme system in Jetpack Compose — Material3 color schemes, typography, dynamic color, dark mode, and custom theme extensions.
Lists in Compose — LazyColumn, LazyGrid & Performance Tips
Build efficient lists in Jetpack Compose — LazyColumn, LazyRow, LazyGrid, item keys, content types, and performance optimization for smooth scrolling.
Navigation in Compose — Type-Safe Routes with Navigation 2.8+
Build type-safe navigation in Jetpack Compose using Kotlin Serialization and Navigation 2.8+ — no more string-based routes, argument parsing, or runtime crashes.
State Management in Compose — remember, mutableStateOf & ViewModel
Master state management in Jetpack Compose — remember, mutableStateOf, rememberSaveable, state hoisting, and connecting to ViewModel for production apps.
Jetpack Compose — Your First Screen (Text, Button, Column, Row)
Build your first Jetpack Compose screen from scratch — Text, Button, Column, Row, modifiers, and previews. Everything you need to start building UI in Compose.