Jetpack Compose, READY FOR PRODUCTION?

Transcript

1. Jetpack Compose, READY FOR PRODUCTION?
2. План • Что не так с Android View • Что такое Compose • Что меняется в разработке • Текущие проблемы Compose • Будущее Compose
3. layout/activity_main.xml <TextView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textAppearance="@style/TextAppearance.MaterialComponents.Headline5" />
4. HelloWorldActivity.kt class MainActivity : ComponentActivity(R.layout.activity_main) { private lateinit var textView: TextView override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContentView(R.layout.activity_main) textView = findViewById(R.id.text) setGreeting("Android") } fun setGreeting(name: String) { textView.text = "Hello, $name” } }
5. Альтернативы findViewById() • ButterKnife • Kotlin Synthetic • Android DataBinding/ViewBinding
6. Android View - всё объекты
7. Какой Layout самый оптимальный для экрана X? FrameLayout ConstraintLayout RelativeLayout LinearLayout
8. Списки в Android RecyclerView RecyclerView.Adapter LayoutManager ItemAnimator DiffUtil ViewHolder
9. Особенности Android View • Разные языки для вёрстки (XML) и бизнес логики (Java/Kotlin) • View хранит параметры (set методы + атрибуты) • Зависимость от платформы • Высокая сложность создания собственных View • Синхронное API с вызовами только с главного/UI потока • Много кода в View (30к+ строк в Android 11)
11. Jetpack Compose
12. MainActivity.kt class MainActivity : ComponentActivity() { override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) setContent { MyApplicationTheme { Surface(color = MaterialTheme.colors.background) { Greeting("Android") } } } } } @Composable fun Greeting(name: String) { Text( text = "Hello $name!", style = MaterialTheme.typography.h5 ) }
13. Концепции Jetpack Compose • Декларативный (описывается только результат) • Единый язык логики и UI (Kotlin) • Можно использовать фишки Kotlin • Не зависит от платформы • Асинхронное построение UI
14. Списки LazyColumn(modifier = Modifier.fillMaxSize()) { items( items = characters, key = { character -> character.id } ) { character -> CharacterListItem( character = character, onCharacterClicked = { onItemClicked(character) } ) } }
15. Lifehacks and best practices
16. Compose Android, Desktop, Web
17. Производительность • Не нужно парсить XML • Оптимизация кода R8/ProGuard • Асинхронное и многопоточное построение UI
18. Как изменится Android разработка
19. Fragment больше не нужен
20. ViewModel тоже не нужна?
21. android:configChanges="colorMode|density|fontScale|keyboard|keyboardHidden|l ayoutDirection|locale|mcc|mnc|navigation|orientation|screenLayout|screenSize|s mallestScreenSize|touchscreen|uiMode"
22. Декомпозиция функционала • Activity Result API • OnBackPressedDispatcher • SavedStateRegistry • ViewModel • Lifecycle
23. Библиотеки Jetpack с поддержкой Compose • Navigation • Activity • Paging 3 • ViewModel • Hilt • Material • Wear (Preview) • Widgets (Preview)
24. Accompanist
25. Insets
26. System UI Controller
27. Pager
28. Placeholder
29. Метрики
34. Недостатки • Привязка к версии Kotlin • Не все виджеты есть в Compose • Не является нативным, а лишь его имитация • Lazy списки уступают по производительности RecyclerView • Нет поддержки ViewModel в превью IDE • minSdk=21
35. Преимущества • minSdk=21 • Один язык для всего • Coroutine • Не стоит заботиться о вложенности • Возможность оптимизировать UI код (R8/ProGuard) • Независимость от версии Android • Обратная совместимость
36. Особенности Android View • Разные языки для вёрстки (XML) и бизнес логики (Java/Kotlin) • View хранит параметры (set методы + атрибуты) • Зависимость от платформы • Высокая сложность создания собственных View • Синхронное API с вызовами только с главного/UI потока • Много кода в View (30к+ строк в Android 11)
37. Jetpack Compose, READY FOR PRODUCTION? Yes, but remember: RC: *R*elease *C*arefully