deferring-state-reads

What problem does it solve?

Deferring hot Compose state reads from the Composition phase to Layout or Draw reduces per-frame recomposition by moving state reads into lambda modifiers, enabling smoother UI with frequent changes like scroll or animation.

Core Features & Use Cases

• Move state reads like scroll offsets, animation progress, and drag deltas into lambda modifiers such as Modifier.offset { }, Modifier.layout { }, Modifier.graphicsLayer { }, and Modifier.drawBehind { }.
• Hoist hot values across composables using lambda providers (() -> T) so only the Layout/Draw phase reads trigger invalidation.
• Verify performance improvements with Layout Inspector or @TraceRecomposition while preserving visuals and behavior.

Quick Start

Identify a hot state read in a composable body and replace a value-form modifier with a lambda modifier to move the read into the Layout or Draw phase.