Succeeding at a modular UI rewrite: architecture, design system and screenshot tests

on YouTube ↗48m

" summary

Covers a practical account of redesigning Android app UIs using Jetpack Compose, focusing on modularizing UI code, structuring a Design System, and implementing UI tests with Compose Previews and Screenshot Testing. Explains how to run a multi-app redesign that balances customization with reusable code.

AI-written summary · about

" chapters (8)

1. 0:00Introduction
2. 3:35Graphic redesign choices
3. 7:06Design system and tokens
4. 15:28Modular feature architecture
5. 22:08Assembling modular screens
6. 27:41Automated screenshot tests
7. 35:27Project feedback and results
8. 39:42Q&A

" related talks

• 01h 09mJetpack Compose for consistency of your apps' UIAnton Shilov · Mobius 2020 Moscow
• 35mNext Generation Android UI with Jetpack ComposePedro Veloso · droidcon SF 2019
• 36mCoupling Compose- Interoperability in a Legacy CodebaseDan Peluso · droidcon New York 2023
• 37mSomething old, something new: Adding Jetpack Compose to a large open source Android appMaia Grotepass · droidcon Berlin 2022
• 38mFrom Android View to Jetpack Compose — A Guide to Migrating to Jetpack Composesyarihu · DroidKaigi 2024
• 38mArchitecture Agnostic UI DevelopmentVinay Gaba, Marcos Paulo Damasceno · droidcon SF 2019
• 38mImplementing That Common UI in Jetpack Compose: X Wayswiroha · DroidKaigi 2023
• 47mCross-Platform Redux and SwiftUI / Jetpack ComposeYuriy Potapov · Mobius 2022 Autumn