compose-ui

What problem does it solve?

Jetpack Compose is powerful but can become hard to maintain without proper patterns. This Skill provides best practices for stateless UI through state hoisting, proper modifier usage, performance optimizations, and consistent theming to create scalable, testable Composables.

Core Features & Use Cases

• Stateless by design: push state up to callers and pass down via parameters.
• Performance tips: remember, derivedStateOf, and stable lambdas to reduce recompositions.
• Theming guidance: use MaterialTheme.colorScheme and typography; organize shared UI components.

Use cases include creating reusable UI components, refactoring screens to improve testability, and implementing design system components across features.

Quick Start

• Create a stateless Composable with a value and onValueChange
• Use modifier: Modifier = Modifier and apply it to the root layout
• Add remember and derivedStateOf where appropriate
• Follow MaterialTheme colorScheme and typography guidelines
• Add private previews for public composables