Design System 3.0 with Jetpack Compose at N26

on YouTube ↗31m

" summary

N26 migrates its Compose design system from rigid view entities to a slot-based API, converting about 70% migrated of components since September 2023. Implementation details: use slots for nested, evolving pieces; prefer simple params when content is stable; offer custom scopes to surface correct child composables in IDE completion. Gains include easier animations, accessibility semantics, concise feature code and platform alignment; drawbacks are brittle feature tests without custom finders and the migration cost across many usages.

AI-written summary · about

" chapters (14)

1. 0:00Design System 3.0 intro
2. 1:08What is a design system
3. 2:10View to Compose evolution
4. 4:37Sealed class limitations
5. 6:44Why non-scalable persists
6. 9:29Introducing slots
7. 12:37When to use slots
8. 15:42Custom scopes for APIs
9. 19:55Custom scopes challenges
10. 21:00Slots implementation wins
11. 23:24Testing slots limits
12. 26:10Migration to slots
13. 28:17Should you migrate
14. 30:01Final thoughts & Q&A

" related talks

• 34mRetrofitting Legacy Code with Jetpack Compose at ScaleRyan Simon · droidcon San Francisco 2022
• 26mCompose Beyond Material DesignFrank Tamre · droidcon Berlin 2022
• 01h 08mAdopting Jetpack Compose @ ScaleChristina Lee, Vinay Gaba, Lauren Darcey, Zach Klippenstein, Alejandro Sanchez · droidcon New York 2023
• 38mDesigning scalable Compose APIsSimona Milanovic · droidcon London 2024
• 49mImplement your own design system with Jetpack ComposeFrançois Blavoet · Android Makers 2022
• 37mAdopting Jetpack Compose SafelyMarco Gomiero, István Juhos · droidcon Berlin 2023
• 01h 09mJetpack Compose for consistency of your apps' UIAnton Shilov · Mobius 2020 Moscow
• 39mA Design System, it Composes!Jean-Baptiste Vincey, Julie Gléonnec · Android Makers by droidcon 2023