State of the art of Compose tooling
summary
Shows concrete tooling: use Compose Preview with Interactive Preview and Animation Preview (supports update transitions and animated visibility) plus PreviewParameterProvider and multipreview to render locales, themes, font scales and device sizes. Use Live Edit manual mode (Flamingo) to push edits without restarting and see stack-trace paths on error; Live Edit no longer resets composition. Diagnose jank with recomposition counts in Layout Inspector and pinpoint offending functions with Composition Tracing in the Profiler (Flamingo); Jetsnack case shows it finds and fixes excessive recompositions.
AI-written summary · about
chapters (10)
- 0:00Introduction to compose
- 1:12Design with compose preview
- 4:11Advanced preview techniques
- 8:28Screen size testing
- 9:48Live edit functionality
- 12:37Live edit improvements
- 16:07Editor features for productivity
- 18:26Debugging recompositions
- 20:44Composition tracing
- 22:13Tooling recap
related talks
27mLeverage Compose Tooling to Improve Your Workflow
27mLeverage Compose Tooling to Improve Your Workflow
38mPractical Tips and Tricks to Improve Your Compose Previews
34mMastering Jetpack Compose Previews - Test your UI before it tests you!
41mCompose by Example
33mPractical Tips and Tricks to Improve Your Compose Previews
17mWhat's new in Jetpack Compose
29mCompose