Apply Jetpack Compose best practices for state hoisting, performance, and theming.
npx skills add https://github.com/polidog/atotoX10-drive --skill compose-ui-polidog
Please help me install this Agent Skill. Skill: compose-ui Source: https://github.com/polidog/atotoX10-drive/tree/main/.agents/skills/compose-ui Command: npx skills add https://github.com/polidog/atotoX10-drive --skill compose-ui-polidog
This Skill provides best practices for building efficient, maintainable, and testable user interfaces with Jetpack Compose, addressing common challenges in state management, performance, and theming.
remember and derivedStateOf to prevent unnecessary recompositions.Apply the compose-ui skill to refactor the UserProfileCard Composable to use state hoisting.
High-intent search queries and answers about installing and using this skill.
To implement state hoisting in Jetpack Compose, move state ownership out of Composable functions and pass state down while hoisting events up, enforcing unidirectional data flow to create stateless, testable UI components.
To prevent unnecessary recompositions in Android Compose, apply performance optimization techniques using `remember` to cache state and `derivedStateOf` to limit recomposition scopes, ensuring efficient UI rendering.
Refactoring a stateful Composable function into a stateless one involves extracting internal state to parameters and passing event callbacks up, adhering to unidirectional data flow for cleaner maintainability.
Yes, this Jetpack Compose UI approach works for complex Android screens by breaking down multiple stateful elements into stateless Composables using state hoisting, improving testability and reducing bugs.
You need to use `derivedStateOf` in Jetpack Compose when a UI state calculation depends on other states and should only trigger recomposition when the derived result changes, optimizing overall performance.
eleva-labsAutomate Android development environment setup for React Native and Expo projects.
jhparktimeEnforce state hoisting, modifiers, and theming in Jetpack Compose UI.
javiercamarenatrigueroImplement the MVI pattern for Android with Kotlin and Jetpack Compose.
AerisG222Apply Jetpack Compose best practices for state hoisting, performance, and theming.