optimizing-lazy-layouts
CommunityMake Lazy layouts scroll-smooth with stable items.
Software Engineering#performance#jetpack-compose#content-type#lazy-layouts#scroll-jank#item-key#animate-item
Authorskydoves
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Lazy layouts in Jetpack Compose can suffer from scroll jank, lost item state across inserts/removals/reorders, and animations that don't run on inserts/removals when keys or contentType aren't used correctly.
Core Features & Use Cases
- Stable item keys to preserve composition state during insertions, removals, and reorders.
- contentType for heterogeneous feeds (cards, headers, ads, grids) to reuse the correct item types.
- Validation of item composable stability and hoisting heavy allocations outside the item lambda.
- Guidance for applying Modifier.animateItem() to maintain visual continuity during mutations.
Quick Start
Audit your Lazy lists to add stable keys, specify contentType for heterogeneous items, hoist heavy allocations outside item lambdas, and validate recomposition behavior with tooling.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: optimizing-lazy-layouts Download link: https://github.com/skydoves/compose-performance-skills/archive/main.zip#optimizing-lazy-layouts Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.