Blog - Page 2

A teal external stream enters a violet Compose state converter while a separate teal stream flows outward toward a small coral signal.

produceState and snapshotFlow in Jetpack Compose

Use produceState to adapt external asynchronous data into Compose State and snapshotFlow to observe Compose state with Kotlin Flow operators.

A warm off-white state cube is protected inside a transparent violet frame while teal components remain fixed around it.

Immutable UI State and Stability in Jetpack Compose

Build immutable Jetpack Compose UI state, understand stability inference and strong skipping, and diagnose real recomposition problems before optimizing.

A stylized violet bottom sheet rising from a dark Compose screen with a teal feedback bar and a small coral action tile.

ModalBottomSheet, Snackbar, and User Feedback Patterns

Choose ModalBottomSheet for focused secondary tasks and Snackbar for brief Compose feedback, manage their state safely, and implement undo without blocking the user.

A violet navigation graph container holds a smaller teal subgraph leading through connected cards to a warm off-white destination.

Nested Navigation Graphs in Jetpack Compose

Organize onboarding, authentication, and wizard subflows with nested Navigation Compose graphs, typed graph routes, and clear back-stack boundaries.

A warm off-white dialog panel floating above a violet dimmed surface with teal action tiles and a coral confirmation tile.

Dialogs in Jetpack Compose: AlertDialog and Custom Dialogs

Use AlertDialog for focused confirmations, build custom Dialog content only when needed, hoist visibility state, and make Compose dialogs accessible and dismissible.

A violet launch ring sends a teal light path toward a warm off-white destination panel, with a small coral restart marker.

LaunchedEffect: When and How to Use It

Use LaunchedEffect correctly in Jetpack Compose: choose restart keys, handle cancellation, use rememberUpdatedState, and avoid side effects during rendering.

A stylized stream of teal state markers passing through a violet threshold gate to produce a single coral output marker.

derivedStateOf: Avoid Unnecessary Recompositions

Use derivedStateOf in Jetpack Compose only when a frequently changing input produces a less frequently changing UI result, with practical scroll-threshold examples and pitfalls.

A violet hub connects a teal observer loop, a warm off-white state panel, and a small coral latest-value marker.

DisposableEffect, SideEffect, and rememberUpdatedState Compared

Choose the right Compose effect API for cleanup, publishing rendered state, and reading the latest value without restarting a long-lived effect.

A stylized set of floating type-scale bars and font-weight tiles arranged on a violet and teal editorial platform.

Custom Fonts and Typography in Jetpack Compose

Add bundled custom fonts to Jetpack Compose, map font files to FontWeight and FontStyle, build a Material 3 typography scale, and test readable text at user font scales.