Jetpack Compose | Meetup | Yudiz

Transcript

1. Kick start Android with Jetpack Compose 19th Dec, ‘21
2. Yudiz Solutions Pvt. Ltd. An Ahmedabad based IT company providing software solutions since 12 years yudiz.com
3. Sumeet Rukeja Host • Android & Flutter developer • LinkedIn : @smokelaboratory Savan Kashiyani Moderator • Mobile team lead • LinkedIn : @savankashiyani
4. Speaker panel Mohit Suthar Bhushan Maniyar Mahek Thaker
5. Agenda • What is Jetpack Compose? • Building UI • Interop • Navigation • New concepts • Instagram UI clone • Q&A • Quiz - Winner gets ₹500 Amazon voucher
6. Join at slido.com #AskYudiz ⓘ Ask your questions in slido.com. Use code AskYudiz
7. Mohit Suthar • Android & cross platform developer • LinkedIn : @mohit-suthar Basics of Jetpack Compose
8. What is Jetpack Compose? • Declarative UI framework for native android • Built purely in Kotlin • Production ready (went stable in July ‘21) • Future of Android development for next 10 years
9. Declarative vs Imperative programming • Analogy : Asking a taxi driver to go to a destination Imperative style ➔ Go straight ➔ Take left ➔ Take U turn ➔ Stop at beach Declarative style ➔ Go to the beach
10. Declarative vs Imperative programming
11. Basics of Jetpack Compose • @Composable • @Preview • modifier • rememberX • MutableState
12. Output
13. Let’s code 󰞵
14. Mahek Thaker • Android developer • LinkedIn : @MahekThaker Interop in Jetpack Compose
15. Side-effects in Jetpack Compose • Effects that matters • Types ◦ LaunchedEffect : The Coroutines of Compose ◦ DisposableEffect : On destroy of Compose?
16. Interop in Jetpack Compose • Use compose with classic android • Interoperability APIs ◦ ComposeView : The xml of compose? ◦ AndroidView : Traditional views in compose? ◦ AbstractComposeView : Bundle of compose code in xml?
17. Let’s code 󰞵
18. Bhushan Maniyar • Android developer • Linkedin : @bhushan18-maniyar Navigation in Jetpack Compose
19. Navigation in Jetpack Compose • Ways to navigate ◦ Activity + activity + composables ◦ Activity + fragments + composables ◦ Activity + composables (single activity architecture) • Navigation library
20. Navigation library components • NavController • NavHost • composable • Nested navigation • Arguments & deeplinks • Animation (accompanist)
21. Let’s code 󰞵
22. Q&A #askyudiz
23. Quiz time! • Method : Fastest finger first • Reward : ₹500 Amazon voucher • Tie : Reward distributed among winners • Notes : Email is compulsory
24. References • Instagram UI clone - code • Blogs • YouTube videos • Documentation
25. Your feedback is important!