Перейти к содержимому

Build Reusable UI in Jetpack Compose 🔥 | State Hoisting, XP & Quest Cards | Android30 Day 4

siddhubhaiya

0:00 / 0:00

Build Reusable UI in Jetpack Compose 🔥 | State Hoisting, XP & Quest Cards | Android30 Day 4

33 просмотра · 5 дн. назад
siddhubhaiya
51 подписчик
33 просмотра · 5 дн. назад
🚀 *Android30 × Pattern30 | Day 4 — Video 3* Building **LifeQuest**, a gamified productivity Android app, from scratch in 30 days! In Day 3, we built our onboarding screen and quest dashboard. Today, we're refactoring our existing code into clean, reusable Jetpack Compose components. 🔥 *What you'll learn:* Reusable Composable functions in Kotlin XPProgress() — Custom XP progress indicator XPWidget() — Level, total XP & progress dashboard QuestCard() — Reusable quest cards State hoisting explained with a real example Callbacks and unidirectional data flow Recomposition when completing quests Refactoring existing UI without changing business logic 💻 *Tech Stack:* Kotlin | Jetpack Compose | Material 3 🎯 *What we're building:* LifeQuest — complete daily quests, earn XP, level up, and build better habits. 📱 *Android30 × Pattern30:* 30 Days of DSA + Android Development + Building a Real App. 🔔 Subscribe and follow the complete series! ▶️ YouTube:    / @siddhubhaiya2881   🐦 X: https://x.com/siddhubhaiyaa #AndroidDevelopment #JetpackCompose #Kotlin #Android30 #LifeQuest #StateHoisting #BuildInPublic