Showkase: Automated UI Infrastructure in Jetpack Compose using KSP

on YouTube ↗44m

" summary

Showkase uses KSP-based metadata per module to collect @Preview and a custom @ShowkaseComposable, writes small metadata classes into a fixed package aggregation, and, when a module is marked with @ShowkaseRoot, generates an aggregated provider class that lists hundreds of components, styles, colors and typography. Generated code invokes previews (handling top-level, object, or class wrappers) via reflection at runtime, powers a component browser, and emits auto-generated Paparazzi tests; Airbnb reports it running in production.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 5:28Discoverability
3. 6:31Requirements
4. 8:25Kotlin Symbol Processing (KSP)

" related talks

• 32mJetpack Compose — Next Gen Kotlin UI Toolkit for AndroidRagunath Jawahar · droidCon Berlin 2019
• 01h 00mJetpack Compose - Next Gen Kotlin UI Toolkit for AndroidRagunath Jawahar · Kotlin/Everywhere 'Namma' Bengaluru 2019
• 49mImplement your own design system with Jetpack ComposeFrançois Blavoet · Android Makers 2022
• 26mBuild your own compiler with KSPAlireza Tizfahmfard · Android Worldwide July 2024
• 41mKeynote: Now in Modern AndroidFlorina Muntenescu, Wojtek Kaliciński · droidcon Berlin 2022
• 27mConquer your Compose Navigation with KSP & KotlinPoet in a Multi-Module ProjectNavid Eghbali · droidcon Berlin 2023
• 31mDesigning Media Friendly Jetpack Compose ComponentsTunji Dahunsi · droidcon New York 2024
• 28mExplained: Compose Compiler and RuntimeCan Yumusak · droidcon Berlin 2022