From Android View to Jetpack Compose — A Guide to Migrating to Jetpack Compose

on YouTube ↗38m

" summary

A practical, incremental migration from Android View to Jetpack Compose using Kotlin 2.0–aligned Compose compiler, Hilt, Navigation Compose, and ComposeView as a bridge for mixed screens. The team divides work into components and follows an eight-step migration (layout split, implement UI, extract UIState, add interactive previews in Android Studio, move ViewModel logic, then replace views), demonstrating the approach by building an onboarding screen with animated progress and crossfading buttons and validating behavior with interactive previews.

AI-written summary · about

" chapters (11)

1. 0:00Introduction
2. 1:28View vs Compose differences
3. 3:37Migration rules
4. 8:15Theming and colors
5. 12:10Naming conventions
6. 14:38UI state management
7. 19:12Preview setup
8. 20:35Designing previews
9. 27:58Rendering-only migration
10. 29:53Onboarding migration
11. 37:27Summary

" related talks

• 33mMigrating to Jetpack Compose - an interop love storySimona Milanovic · Droidcon London 2023
• 43mSwitching to Compose? Don’t Rush!Maksim Kachinkin · Mobius 2024 Spring
• 37mMigrating your app to compose, step 1, live codingRichard Schattauer · droidcon Berlin 2021
• 35mNext Generation Android UI with Jetpack ComposePedro Veloso · droidcon SF 2019
• 45mOn the road to Jetpack ComposeTiem, Sean Mcmillan · 360|AnDev 2020
• 48mLearning Jetpack Compose By ExampleVinay Gaba · Android Summit 2020
• 01h 09mJetpack Compose for consistency of your apps' UIAnton Shilov · Mobius 2020 Moscow
• 01h 05mLet's build Android UI with Jetpack ComposeAlex Zhukovich · Android Makers 2020